diff --git a/content/assets/stylesheets/includes/blogpost.scss b/content/assets/stylesheets/includes/blogpost.scss
index 4a083ae..e9d70a9 100644
--- a/content/assets/stylesheets/includes/blogpost.scss
+++ b/content/assets/stylesheets/includes/blogpost.scss
@@ -24,22 +24,6 @@ dl {
   margin-bottom:10px;
 }
 
-.bolder {
-  > * {
-    color:#565C5E;
-    font-weight: bold;
-    font-size: 20pt;
-    font-family: 'Avenir';
-
-    border-left: 3px solid $zeus-orange;
-
-    padding-left: 10px;
-  }
-
-  a {
-    border-left: none;
-  }
-}
 .blogwidth{
   width: 75%;
   margin:auto;
diff --git a/layouts/archive_page.erb b/layouts/archive_page.erb
index 53f9250..3904455 100644
--- a/layouts/archive_page.erb
+++ b/layouts/archive_page.erb
@@ -15,13 +15,24 @@
     </a>
   <% end %>
   </div>
-  <div class="column is-narrow">
-    <ul class = "archive_list">
+  <aside class="menu">
+    <p class="menu-label">
+      Academic Year
+    </p>
+    <ul class="menu-list">
       <% academic_years_items.each do |year, item| %>
-        <li class="bolder">
-          <%= link_to_unless_current pretty_year(year), item %>
-        </li>
+      <% if @item_rep && @item_rep.path == item.path %>
+      <li>
+        <a href="#" class="is-active">
+          <%= pretty_year(year) %>
+        </a>
+      </li>
+      <% else %>
+      <li>
+        <%= link_to pretty_year(year), item %>
+      </li>
+      <% end %>
       <% end %>
     </ul>
-  </div>
+  </aside>
 </div>