diff --git a/resources/assets/sass/styles.scss b/resources/assets/sass/styles.scss
index 3ead26cb1..c3ebc450b 100644
--- a/resources/assets/sass/styles.scss
+++ b/resources/assets/sass/styles.scss
@@ -71,10 +71,13 @@ header {
   }
 }
 
-ul.menu {
+.menu {
   list-style: none;
   margin: 0;
-  li a {
+  .col-md-4 {
+    padding: 0;
+  }
+  a {
     padding: $-m;
     display: block;
     border-bottom: 1px solid #3A3939;
diff --git a/resources/views/base.blade.php b/resources/views/base.blade.php
index a76635a3c..a9f16f9f4 100644
--- a/resources/views/base.blade.php
+++ b/resources/views/base.blade.php
@@ -47,11 +47,11 @@
                 <input type="text" placeholder="Search all pages..." name="term" id="search-input">
             </form>
         </div>
-        <ul class="menu">
-            <li><a href="/books"><i class="zmdi zmdi-book"></i>Books</a></li>
-            <li><a href="/users"><i class="zmdi zmdi-accounts"></i>Users</a></li>
-            <li><a href="/logout"><i class="zmdi zmdi-run zmdi-hc-flip-horizontal"></i>Logout</a></li>
-        </ul>
+        <div class="row menu">
+            <div class="col-md-4"><a href="/books"><i class="zmdi zmdi-book"></i>Books</a></div>
+            <div class="col-md-4"><a href="/users"><i class="zmdi zmdi-accounts"></i>Users</a></div>
+            <div class="col-md-4"><a href="/logout"><i class="zmdi zmdi-run zmdi-hc-flip-horizontal"></i>Logout</a></div>
+        </div>
         @if(isset($book) && isset($current) && !isset($books))
             <div class="book-tree">
                 @include('pages/sidebar-tree-list', ['book' => $book])