diff --git a/content/sponsors/index.md b/content/sponsors/index.md
index ec5a032..aaf99ba 100644
--- a/content/sponsors/index.md
+++ b/content/sponsors/index.md
@@ -6,14 +6,14 @@ template = "page.html"
   <h1>Donate to Lemmy</h1>
   <p>Lemmy is free, open-source software, meaning no advertising, monetizing, or venture capital, ever. <a href="/sponsors">Your donations</a> directly support full-time development of the project.
   </p>
-  <div class="row">
-    <div class="col">
+  <div class="row is-horizontal-align">
+    <div class="col-3">
       <a class="button primary" href="https://liberapay.com/Lemmy">Support on Liberapay</a>
     </div>
-    <div class="col">
+    <div class="col-3">
       <a class="button primary" href="https://www.patreon.com/dessalines">Support on Patreon</a>
     </div>
-    <div class="col">
+    <div class="col-3">
       <a class="col button primary" href="https://opencollective.com/lemmy">Support on OpenCollective</a>
     </div>
   </div>
@@ -25,14 +25,14 @@ template = "page.html"
 <div class="text-center">
   <h2>Sponsors</h2>
   <p>Silver Sponsors are those that pledged $40 to Lemmy.</p>
-  <div class="row is-center">
+  <div class="row is-horizontal-align">
     <div class="col">
       <a class="button outline primary" href="https://iww.org/">💎 RedJoker</a>
     </div>
   </div>
   <br />
   <p>General Sponsors are those that pledged $10 to $39 to Lemmy.</p>
-  <div class="row is-center">
+  <div class="row is-horizontal-align">
     <div class="col">
       <div class="button outline primary">DQW</div>
     </div>
diff --git a/templates/base.html b/templates/base.html
index 1fcc7dc..60fdad0 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -90,6 +90,12 @@
         <a href="https://matrix.to/#/#lemmy:matrix.org"><svg class="icon icon-matrix"><use xlink:href="#icon-matrix"></use></svg></a>
       </div>
     </nav>
+
+    <nav class="nav hide-sm hide-md hide-lg">
+      <div class="nav-center">
+        <a class="brand" href="/"><img src="/images/lemmy.svg"></a>
+      </div>
+    </nav>
     {% block content %} {% endblock %}
 
     <br />
@@ -101,7 +107,7 @@
         <div class="nav-left">
           <p style="padding-left:2rem">Made using <a style="display: inline-block" class="is-paddingless" href="https://www.getzola.org">Zola</a> and <a style="display: inline-block" class="is-paddingless" href="https://jenil.github.io/chota">Chota</a></p>
         </div>
-        <div class="nav-right hide-lg">
+        <div class="nav-right hide-sm hide-md hide-lg">
           <a class="brand" href="/"><img src="/images/lemmy.svg"></a>
           <a href="/join">Join</a>
           <a href="/apps">Apps</a>
diff --git a/templates/index.html b/templates/index.html
index 7e87bb9..b13e248 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,10 +6,14 @@
   <div class="text-center">
     <h1 class="stylized">Lemmy</h1>
     <h4>A link aggregator for the fediverse.</h4>
-    <p>
-    <a class="button primary" href="/join">Join a Server</a>
-    <a class="button primary" href="https://dev.lemmy.ml/docs/administration.html">Run a Server</a>
-    </p>
+    <div class="row is-horizontal-align">
+      <div class="col-2-lg">
+        <a class="button primary" href="/join">Join a Server</a>
+      </div>
+      <div class="col-2-lg">
+        <a class="button primary" href="https://dev.lemmy.ml/docs/administration.html">Run a Server</a>
+      </div>
+    </div>
   </div>
 </div>
 
@@ -131,14 +135,14 @@
     <div class="text-center">
       <h2><a href="/sponsors">Support / Donate</a></h2>
       <p>Lemmy is free, open-source software, meaning no advertising, monetizing, or venture capital, ever. <a href="/sponsors">Your donations</a> directly support full-time development of the project.
-      <div class="row">
-        <div class="col">
+      <div class="row is-horizontal-align">
+        <div class="col-3">
           <a class="button primary" href="https://liberapay.com/Lemmy">Support on Liberapay</a>
         </div>
-        <div class="col">
+        <div class="col-3">
           <a class="button primary" href="https://www.patreon.com/dessalines">Support on Patreon</a>
         </div>
-        <div class="col">
+        <div class="col-3">
           <a class="col button primary" href="https://opencollective.com/lemmy">Support on OpenCollective</a>
         </div>
       </div>