diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss
index f3fd86032..10c960fc4 100644
--- a/app/styles/components/sidebar-menu.scss
+++ b/app/styles/components/sidebar-menu.scss
@@ -2,8 +2,7 @@
   @apply flex inset-0 fixed flex-col w-80 bg-white dark:bg-primary-900 transition-all ease-linear -translate-x-80 rtl:translate-x-80 z-1000;
 
   @media (max-width: 400px) {
-    width: 90vw;
-    transform: translateX(-90vw);
+    @apply w-[90vw] -translate-x-[90vw] rtl:translate-x-[90vw];
   }
 
   hr {