diff --git a/templates/base.html b/templates/base.html
index 5b3b689..f8bafb1 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -7,6 +7,9 @@
     <link rel="stylesheet" href="https://unpkg.com/chota@latest">
     <link rel="shortcut icon" type="image/svg+xml" href="/images/lemmy.svg" />
     <style>
+      :root {
+        --grid-maxWidth: 108rem;
+      }
       @font-face {
         font-family: 'CaviarDreams';
         src: url('/fonts/CaviarDreams.ttf') format('truetype');
@@ -26,8 +29,8 @@
       }
       .icon {
         display: inline-block;
-        max-width: 2rem;
-        max-height: 2rem;
+        max-width: 1.5rem;
+        max-height: 1.5rem;
         stroke-width: 0;
         stroke: currentColor;
         fill: currentColor;
@@ -42,14 +45,11 @@
     <div class="container">
       <nav class="nav">
         <div class="nav-left">
-          <a href="/join">Join</a>
+          <a class="brand" href="/"><img src="/images/lemmy.svg"></a>
           <a href="/apps">Apps</a>
           <a href="/sponsors">Sponsors</a>
           <a href="https://dev.lemmy.ml/docs/index.html">Docs</a>
         </div>
-        <div class="nav-center">
-          <a class="brand" href="/"><img src="/images/lemmy.svg"></a>
-        </div>
         <div class="nav-right">
           <a href="https://github.com/LemmyNet"><svg class="icon icon-github"><use xlink:href="#icon-github"></use></svg></a>
           <a href="https://mastodon.social/@LemmyDev"><svg class="icon icon-mastodon"><use xlink:href="#icon-mastodon"></use></svg></a>
diff --git a/templates/index.html b/templates/index.html
index 9381a3f..43fbf81 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -4,10 +4,14 @@
 <div class="text-center">
   <h1 class="stylized">Lemmy</h1>
   <p>A link aggregator for the fediverse.</p>
-  <p><a class="button primary" href="/join">Get Started</a></p>
+  <p>
+    <a class="button primary" href="/join">Join a Community</a>
+    <a class="button primary" href="https://dev.lemmy.ml/docs/administration.html">Run a Server</a>
+  </p>
   <img src="images/main_img.webp">
 </div>
 
+<br />
 <br />
 
 <div class="text-center">
@@ -16,6 +20,7 @@
   <p><a class="button primary" href="/join">Join a Community</a></p>
 </div>
 
+<br />
 <br />
 
 <div class="row">
@@ -48,6 +53,7 @@
   </div>
 </div>
 
+<br />
 <br />
 
 <div class="text-center">
@@ -59,6 +65,7 @@
   </p>
 </div>
 
+<br />
 <br />
 
 <div class="row">
@@ -73,6 +80,7 @@
   </div>
 </div>
 
+<br />
 <br />
 
 <div class="row">
@@ -102,6 +110,7 @@
   </div>
 </div>
 
+<br />
 <br />
 
 <div class="text-center">