diff --git a/css/styles.scss b/css/styles.scss
index c0ee086e3..9ee06578d 100644
--- a/css/styles.scss
+++ b/css/styles.scss
@@ -85,9 +85,14 @@ tr:focus {
     color: #e6e6e6;
     background-color: #555;
     padding: 12px 8px;
+
     text-decoration: none;
 }
 
+.mainmenu.classic > li a {
+    padding: 16px;
+}
+
 /* Hovering makes them lighter */
 .mainmenu > li a:hover,
 .mainmenu > li a:hover:not(.active),
@@ -118,6 +123,11 @@ tr:focus {
     outline: 2px solid #fff;
 }
 
+.mainmenu-accordion-header-classic {
+    border: 2px solid #fff;
+    padding: 16px !important;
+}
+
 /* Plus and minus signs */
 .mainmenu-accordion-header:after {
     content: '\02795';
@@ -130,7 +140,16 @@ tr:focus {
     text-shadow: 0 0 0 #fff;
 }
 
-.mainmenu-accordion-header.opened {
+.mainmenu-accordion-header-classic:after {
+    content: '\02795';
+    float: right;
+    font-size: $defaultFontSize * 0.8125;
+    color: #fff;
+    margin-left: 5px;
+}
+
+.mainmenu-accordion-header.opened,
+.mainmenu-accordion-header-classic.opened {
     background-color: #222;
 
     &:after {
diff --git a/src/index.html b/src/index.html
index 462f12951..e357773f6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -32,7 +32,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
     <div id="entire-game-container" style="visibility:hidden;">
     <div id="mainmenu-container">
         <!-- Main menu -->
-        <ul class="mainmenu">
+        <ul id="mainmenu" class="mainmenu">
             <!-- Hacking dropdown -->
             <li id="hacking-menu-header-li">
                 <a id="hacking-menu-header" class="mainmenu-accordion-header"> Hacking </a>