diff --git a/src/FilterLists.Web/ClientApp/components/Home.tsx b/src/FilterLists.Web/ClientApp/components/Home.tsx
index 71018303b..ee0b10864 100644
--- a/src/FilterLists.Web/ClientApp/components/Home.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Home.tsx
@@ -53,7 +53,7 @@ export class Home extends React.Component<RouteComponentProps<{}>, IFilterListsS
                            filterMethod: (filter: any, row: any) => row[filter.id].toUpperCase()
                                .includes(filter.value.toUpperCase()),
                            sortMethod: (a: any, b: any) => a.toUpperCase() > b.toUpperCase() ? 1 : -1,
-                           Cell: (cell: any) => <h2 className="fl-list-title">{cell.value}</h2>
+                           Cell: (cell: any) => <h2 className="mb-0">{cell.value}</h2>
                        },
                        {
                            Header: "Langs.",
diff --git a/src/FilterLists.Web/ClientApp/components/Layout.tsx b/src/FilterLists.Web/ClientApp/components/Layout.tsx
index 93b821039..910853441 100644
--- a/src/FilterLists.Web/ClientApp/components/Layout.tsx
+++ b/src/FilterLists.Web/ClientApp/components/Layout.tsx
@@ -9,11 +9,11 @@ export class Layout extends React.Component<ILayoutProps, {}> {
         return <div className="container">
                    <div className="row">
                        <h1>
-                           <a href="./" style={{ display: "inline-block" }}>
+                           <a href="./">
                                <img src="logo_filterlists.png" alt="FilterLists" className="img-fluid"/>
                            </a>
                        </h1>
-                       <p id="fl-tagline">
+                       <p className="ml-1 mr-1">
                            The independent, comprehensive directory of filter and host lists for advertisements, trackers, malware, and annoyances.
                        </p>
                    </div>
@@ -23,7 +23,7 @@ export class Layout extends React.Component<ILayoutProps, {}> {
                        </div>
                    </div>
                    <div className="row justify-content-center">
-                       <p>A project by <a href="https://collinmbarrett.com/">Collin M. Barrett</a>. | Contribute on <a href="https://github.com/collinbarrett/FilterLists">GitHub</a>.</p>
+                       <p className="ml-1 mr-1">A project by <a href="https://collinmbarrett.com/">Collin M. Barrett</a>. | Contribute on <a href="https://github.com/collinbarrett/FilterLists">GitHub</a>.</p>
                    </div>
                </div>;
     };
diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index c62539e90..85e22060b 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
@@ -105,7 +105,7 @@ function License(props: any) {
 
 function SubscribeUrl(props: any) {
     return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
-              className="visible-xs btn btn-primary"
+              className="d-block d-sm-none btn btn-primary"
               title={ `Subscribe to ${props.name} with browser extension supporting \"abp:\" protcool (e.g. uBlock Origin, AdBlock Plus).` }>
                Subscribe
            </a >;
diff --git a/src/FilterLists.Web/ClientApp/css/site.css b/src/FilterLists.Web/ClientApp/css/site.css
index f3e2d4942..6f913839f 100644
--- a/src/FilterLists.Web/ClientApp/css/site.css
+++ b/src/FilterLists.Web/ClientApp/css/site.css
@@ -7,12 +7,4 @@ body, h2, h3, h4, h5, blockquote {
     -o-align-items: center;
     -webkit-align-items: center;
     align-items: center;
-}
-
-.fl-list-title {
-    margin: 0;
-}
-
-#fl-tagline {
-    margin: 0 10px 10px 10px;
 }
\ No newline at end of file