Correctly fix menu overflow on mobile

1 files changed, 4 insertions, 8 deletions

diff --git a/client/src/app/menu/menu.component.scss b/client/src/app/menu/menu.component.scss
index 112fdc1ce..b05173751 100644
--- a/client/src/app/menu/menu.component.scss
+++ b/client/src/app/menu/menu.component.scss
@@ -254,17 +254,13 @@ menu {
 @media screen and (max-width: $mobile-view) {
   .menu-wrapper {
     width: 100% !important;
-  }
-
-  .top-menu, .footer {
-    width: 100% !important;
-  }
-}
 
-@media (hover: none) and (pointer: coarse) {
-  .menu-wrapper {
     menu {
       overflow-y: auto;
     }
   }
+
+  .top-menu, .footer {
+    width: 100% !important;
+  }
 }