diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index 13250a260..e9affda3e 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -113,6 +113,7 @@ const Navbar = () => {
           </ul>
         </div>
         <Drawer
+          className="block md:hidden"
           variant="temporary"
           open={mobileOpen}
           onClose={handleDrawerToggle}
@@ -120,7 +121,6 @@ const Navbar = () => {
             keepMounted: true, // Better open performance on mobile.
           }}
           sx={{
-            display: { xs: "block", sm: "none" },
             "& .MuiDrawer-paper": { boxSizing: "border-box", width: "56%" },
           }}
         >