diff --git a/src/layouts/Navbar/index.js b/src/layouts/Navbar/index.js
index 3e449bca..a2723ee5 100644
--- a/src/layouts/Navbar/index.js
+++ b/src/layouts/Navbar/index.js
@@ -182,7 +182,7 @@ export default function PageNavbar(props) {
     return (
       <Toolbar>
         <Drawer
-          anchor="up"
+          anchor="top"
           open={drawerOpen}
           onClose={handleDrawerClose}
           classes={{ paper: drawerMobile }}
diff --git a/src/layouts/Navbar/style.js b/src/layouts/Navbar/style.js
index 154678bf..f1baa514 100644
--- a/src/layouts/Navbar/style.js
+++ b/src/layouts/Navbar/style.js
@@ -12,6 +12,7 @@ const useStyles = makeStyles((theme) => ({
     background: 'black',
     color: 'white',
     width: '100%',
+    height: '-webkit-fill-available',
   },
   tab: {
     height: '92%',
@@ -57,6 +58,7 @@ const useStyles = makeStyles((theme) => ({
   },
   toolbarContentMobile: {
     width: '100%',
+    height: '100%',
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center',