diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss
index 763ea8d..35e5064 100644
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@@ -23,6 +23,20 @@ html, .footer {
   }
 }
 
+#navbar {
+  margin-bottom: 10px;
+
+  .logo-wrapper {
+    padding-bottom: 0;
+  }
+
+  .actual-nav-bar {
+    padding-bottom: 0;
+    border-bottom: 1px solid #eee;
+  }
+}
+
+
 header.section {
   padding-bottom: 10px;
 }
@@ -133,6 +147,10 @@ footer.footer {
   main.section {
     padding-top: 0px;
   }
+
+  .is-narrow {
+    flex: none;
+  }
 }
 
 #tipue_search_input {
diff --git a/layouts/archive_page.erb b/layouts/archive_page.erb
index 3904455..42a81fa 100644
--- a/layouts/archive_page.erb
+++ b/layouts/archive_page.erb
@@ -1,4 +1,4 @@
-<div class="columns" >
+<div class="columns is-flex-mobile" >
   <div class="column">
   <% posts_in_year(item[:academic_year]).each do |post| %>
     <a href="<%= relative_path_to(post) %>" >
@@ -15,7 +15,7 @@
     </a>
   <% end %>
   </div>
-  <aside class="menu">
+  <aside class="column is-narrow menu">
     <p class="menu-label">
       Academic Year
     </p>
diff --git a/layouts/partials/_navbar.erb b/layouts/partials/_navbar.erb
index 3d86b9b..2196733 100644
--- a/layouts/partials/_navbar.erb
+++ b/layouts/partials/_navbar.erb
@@ -1,11 +1,11 @@
 <div id="navbar">
   <div class="columns">
-    <div class="column is-narrow is-hidden-mobile">
+    <div class="logo-wrapper column is-narrow is-hidden-mobile">
       <a id="logo-link" href="/">
         <img id="logo" src="<%= zeus_logo_url color: @zeus_logo_color %>" alt="" />
       </a>
     </div>
-    <div class="column">
+    <div class="actual-nav-bar column">
       <nav class="nav">
           <a class="is-hidden-tablet nav-item" href="/">
             <img id="inline-logo" src="<%= zeus_logo_url color: @zeus_logo_color %>" alt="" />