diff --git a/index.html b/index.html
index 57ef395151..9ef2cdd764 100644
--- a/index.html
+++ b/index.html
@@ -33,13 +33,15 @@
         <div class="linksection">
         <ul>
           <div class="buttonsection">
-            <li><a class="buttons github" href="https://github.com/evennia/evennia">Download (GitHub)</a></li>
+            <li><a class="buttons" href="https://github.com/evennia/evennia">Download (GitHub)</a></li>
             <li class="documentation"><a class="buttons" href="docs/latest/index.html">Documentation</a></li>
+            <div class="buttonsidetext" style="padding-left:18px;">CODE</div>
           </div>
           <div class="buttonsection">
             <li><a class="buttons community" href="http://webchat.freenode.net/?channels=evennia&uio=MT1mYWxzZSY5PXRydWUmMTE9MTk1JjEyPXRydWUbb">IRC channel</a></li>
             <li><a class="buttons community" href="https://discord.gg/NecFePw">Discord channel</a></li>
             <li><a class="buttons community" href="https://groups.google.com/forum/#%21forum/evennia">Forum</a></li>
+            <div class="buttonsidetext">COMMUNITY</div>
           </div>
           <li><a class="buttons community" href="http://evennia.blogspot.com/">Dev Blog</a></li>
         </ul>
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
index 0796a8e14c..00ff499974 100644
--- a/stylesheets/styles.css
+++ b/stylesheets/styles.css
@@ -327,6 +327,15 @@ a.github {
   background-color: #efeeec;
 }
 
+.buttonsidetext {
+  position: absolute;
+  rotate: -90deg;
+  transform-origin: top left;
+  padding-left: 11px;
+  left: 25px;
+  opacity: 0.5;
+}
+
 
 /* Section - for main page content */
 
@@ -408,6 +417,7 @@ footer {
   font-style: italic; 
 }
 
+/* sponsor buttons */
 
 .sponsor {
   margin-left: -24px;
@@ -486,6 +496,10 @@ footer {
     right: 167px;
   }
 
+  .buttonsidetext {
+    display: none; 
+  }
+
 
 }