diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 65f44bbfb..8aede0497 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -159,14 +159,6 @@ $table-header:   #ecf1f6;
     right: 12px;
   }
 
-  .menu-icon {
-
-    &::after {
-      background: #000;
-      box-shadow: 0 7px 0 #000, 0 14px 0 #000;
-    }
-  }
-
   .notifications.unread-notifications::after {
     color: $admin-color;
   }
diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index e4fd19f45..425c17d87 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -668,15 +668,8 @@ body > header,
 }
 
 .menu-icon {
-
-  &.dark {
-
-    &:hover::after,
-    &::after {
-      background: #fff;
-      box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
-    }
-  }
+  @include hamburger($color: currentcolor, $color-hover: currentcolor);
+  color: inherit;
 }
 
 .title-bar {
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 346582e84..6aa11150b 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -16,7 +16,7 @@
     <div class="top-bar">
 
       <span data-responsive-toggle="responsive-menu" data-hide-for="medium" class="float-right">
-        <button type="button" class="menu-icon dark" data-toggle></button>
+        <button type="button" class="menu-icon" data-toggle></button>
         <%= t("application.menu") %>
       </span>