diff --git a/wagtail_helpdesk/static_src/components/structures/_menu-overlay.scss b/wagtail_helpdesk/static_src/components/structures/_menu-overlay.scss
index 936359a..c5c5d18 100644
--- a/wagtail_helpdesk/static_src/components/structures/_menu-overlay.scss
+++ b/wagtail_helpdesk/static_src/components/structures/_menu-overlay.scss
@@ -233,33 +233,32 @@
     }
   }
 
-  &:last-child {
-    color: white;
+  color: black;
+  border: 2px solid black;
+  background-color: transparent;
+  &:hover {
     background-color: black;
-    &:hover {
-      color: #ffc400;
-      svg {
-        fill: #ffc400;
-      }
+    color: #ffc400;
+    svg {
+      fill: #ffc400;
     }
+
     svg {
-      fill: white;
+      fill: #ffc400;
     }
   }
 
-  &:first-child {
-    color: black;
-    border: 2px solid black;
-    background-color: transparent;
+  &:last-child {
+    color: white;
+    background-color: black;
     &:hover {
-      background-color: black;
       color: #ffc400;
       svg {
         fill: #ffc400;
       }
     }
     svg {
-      fill: black;
+      fill: white;
     }
   }
 }