diff --git a/mopidy_musicbox_webclient/static/index.html b/mopidy_musicbox_webclient/static/index.html
index 2c03a21..80cd301 100644
--- a/mopidy_musicbox_webclient/static/index.html
+++ b/mopidy_musicbox_webclient/static/index.html
@@ -278,13 +278,13 @@
             </div>
         </a>
         <a id="homesettings" href="/settings/">
-            <div class="ui-block-a">
+            <div class="ui-block-b">
                 <i class="fa fa-gear"></i>
                 <h4>Settings</h4>
             </div>
         </a>
         <a id="homeshutdown" href="system.html">
-            <div class="ui-block-b">
+            <div class="ui-block-a">
                 <i class="fa fa-power-off"></i>
                 <h4>System</h4>
             </div>
diff --git a/mopidy_musicbox_webclient/static/js/gui.js b/mopidy_musicbox_webclient/static/js/gui.js
index 2f01ec9..c87c851 100644
--- a/mopidy_musicbox_webclient/static/js/gui.js
+++ b/mopidy_musicbox_webclient/static/js/gui.js
@@ -525,6 +525,7 @@ $(document).ready(function(event) {
     if (!hasAlarmClock) {
         $('#navAlarmClock').hide();
         $('#homeAlarmClock').hide();
+        $('#homeAlarmClock').nextAll().find('.ui-block-a, .ui-block-b').toggleClass('ui-block-a').toggleClass('ui-block-b');
     }
 
     //navigation stuff