diff --git a/components/NavigationBar/NavBarWithRouter.js b/components/NavigationBar/NavBarWithRouter.js
index 2340a7f0ffc6d9c348042ee76f513ff9c0aa57ae..2e9339a21ae4ab6fd5491cd70d5a45399dc16786 100644
--- a/components/NavigationBar/NavBarWithRouter.js
+++ b/components/NavigationBar/NavBarWithRouter.js
@@ -6,7 +6,7 @@ export default function({ user }){
   const router = useRouter();
 
   return (
-    <NavigationBar
+    <NavigationBar class="menu menu-open navbar-expand-md" 
       name={user.name}
       role={user.role}
       menuPenyaluranZakat={'Penyaluran Zakat'}