diff --git a/src/components/Navbar/styles.js b/src/components/Navbar/styles.js
index e69de29..eb69bf1 100644
--- a/src/components/Navbar/styles.js
+++ b/src/components/Navbar/styles.js
@@ -0,0 +1,37 @@
+import { makeStyles } from '@mui/styles';
+
+const drawerWidth = 240;
+
+export default makeStyles((theme) => ({
+    toolbar: {
+        height: '80px',
+        display: 'flex',
+        justifyContent: 'space-between',
+        marginLeft: '240px',
+        [theme.breakpoints.down('sm')]: {
+            marginLeft: 0,
+            flexWrap: 'wrap',
+        },
+    },
+    menuButton: {
+        marginRight: theme.spacing(2),
+        [theme.breakpoints.up('sm')]: {
+            display: 'none',
+        },
+    },
+    drawer: {
+        [theme.breakpoints.up('sm')]: {
+            width: drawerWidth,
+            flexShrink: 0,
+        },
+    },
+    drawerPaper: {
+        width: drawerWidth,
+    },
+    linkButton: {
+        '&:hover': {
+            color: 'white !important',
+            textDecoration: 'none',
+        },
+    },
+}));