diff --git a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
index 9ebf484d0..460009f38 100644
--- a/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
+++ b/src/FilterLists.Web/ClientApp/components/ListDetails.tsx
@@ -113,17 +113,15 @@ function License(props: any) {
 }
 
 function SubscribeUrl(props: any) {
-    return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)
-        }`}
-              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).` }>
+    return <a href={`abp:subscribe?location=${encodeURIComponent(props.url)}&amp;title=${encodeURIComponent(props.name)}`}
+              className="d-block d-sm-none btn btn-primary fl-btn-margin"
+              title={ `Subscribe to ${props.name} with browser extension supporting \"abp:\" protcool (e.g. uBlock Origin, AdBlock Plus).` }>
                Subscribe
            </a >;
 }
 
 function ViewUrl(props: any) {
-    return <a href={props.url} className="btn btn-primary"
+    return <a href={props.url} className="btn btn-primary fl-btn-margin"
               title={`View ${props.name} in its raw format.`}>
                View
            </a>;
@@ -131,7 +129,7 @@ function ViewUrl(props: any) {
 
 function HomeUrl(props: any) {
     return props.url
-        ? <a href={props.url} className="btn btn-primary"
+        ? <a href={props.url} className="btn btn-primary fl-btn-margin"
              title={`View the home page for ${props.name}.`}>
               Home
           </a>
@@ -140,7 +138,7 @@ function HomeUrl(props: any) {
 
 function PolicyUrl(props: any) {
     return props.url
-        ? <a href={props.url} className="btn btn-primary"
+        ? <a href={props.url} className="btn btn-primary fl-btn-margin"
              title={`View the policy for which rules ${props.name} includes.`}>
               Policy
           </a>
@@ -149,7 +147,7 @@ function PolicyUrl(props: any) {
 
 function DonateUrl(props: any) {
     return props.url
-        ? <a href={props.url} className="btn btn-primary"
+        ? <a href={props.url} className="btn btn-primary fl-btn-margin"
              title={`Donate to support ${props.name}.`}>
               Donate
           </a>
@@ -158,7 +156,7 @@ function DonateUrl(props: any) {
 
 function IssuesUrl(props: any) {
     return props.url
-        ? <a href={props.url} className="btn btn-primary"
+        ? <a href={props.url} className="btn btn-primary fl-btn-margin"
              title={`View the GitHub Issues for ${props.name}.`}>
               GH Issues
           </a>
@@ -167,7 +165,7 @@ function IssuesUrl(props: any) {
 
 function ForumUrl(props: any) {
     return props.url
-        ? <a href={props.url} className="btn btn-primary"
+        ? <a href={props.url} className="btn btn-primary fl-btn-margin"
              title={`View the forum for ${props.name}.`}>
               Forum
           </a>
@@ -176,7 +174,7 @@ function ForumUrl(props: any) {
 
 function ChatUrl(props: any) {
     return props.url
-        ? <a href={props.url} className="btn btn-primary"
+        ? <a href={props.url} className="btn btn-primary fl-btn-margin"
              title={`Enter the chat room for ${props.name}.`}>
               Chat
           </a>
@@ -185,16 +183,16 @@ function ChatUrl(props: any) {
 
 function SubmissionUrl(props: any) {
     return props.url
-        ? <a href={props.url} className="btn btn-primary"
+        ? <a href={props.url} className="btn btn-primary fl-btn-margin"
              title={`Submit a new rule to be included in ${props.name}.`}>
-              Submit Rule
+              Add Rule
           </a>
         : null;
 }
 
 function EmailAddress(props: any) {
     return props.email
-        ? <a href={`mailto:${props.email}`} className="btn btn-primary"
+        ? <a href={`mailto:${props.email}`} className="btn btn-primary fl-btn-margin"
              title={`Email ${props.name}.`}>
               Email
           </a>
diff --git a/src/FilterLists.Web/ClientApp/css/site.css b/src/FilterLists.Web/ClientApp/css/site.css
index 6f913839f..9a21ebbdf 100644
--- a/src/FilterLists.Web/ClientApp/css/site.css
+++ b/src/FilterLists.Web/ClientApp/css/site.css
@@ -7,4 +7,8 @@ body, h2, h3, h4, h5, blockquote {
     -o-align-items: center;
     -webkit-align-items: center;
     align-items: center;
+}
+
+.fl-btn-margin {
+    margin-bottom: .2rem;
 }
\ No newline at end of file