diff --git a/src/components/Logo/Logo.css b/src/components/Logo/Logo.css
index d38e7bc..ff8a264 100644
--- a/src/components/Logo/Logo.css
+++ b/src/components/Logo/Logo.css
@@ -1,7 +1,7 @@
 .Logo {
     background-color: white;
     padding: 8px;
-    height: 80%;
+    height: 100%;
     box-sizing: border-box;
     border-radius: 5px;
 }
diff --git a/src/components/Navigation/SideDrawer/SideDrawer.css b/src/components/Navigation/SideDrawer/SideDrawer.css
index daa2924..2eacf15 100644
--- a/src/components/Navigation/SideDrawer/SideDrawer.css
+++ b/src/components/Navigation/SideDrawer/SideDrawer.css
@@ -24,4 +24,8 @@
 
 .Close {
     transform: translateX(-100%);
+}
+
+.Logo{
+    height: 11%;
 }
\ No newline at end of file
diff --git a/src/components/Navigation/SideDrawer/SideDrawer.js b/src/components/Navigation/SideDrawer/SideDrawer.js
index d07ecf4..eace56f 100644
--- a/src/components/Navigation/SideDrawer/SideDrawer.js
+++ b/src/components/Navigation/SideDrawer/SideDrawer.js
@@ -1,13 +1,15 @@
 import React from 'react';
 
-import classes from './SideDrawer.css'; 
+import classes from './SideDrawer.css';
 import Logo from '../../Logo/Logo';
 import NavigationItems from '../NavigationItems/NavigationItems';
 
 const sideDrawer = () => {
     return (
         <div className={classes.SideDrawer}>
-            <Logo />
+            <div className={classes.Logo}>
+                <Logo />
+            </div>
             <nav>
                 <NavigationItems />
             </nav>
diff --git a/src/components/Navigation/Toolbar/Toolbar.css b/src/components/Navigation/Toolbar/Toolbar.css
index c3aac39..a786ed9 100644
--- a/src/components/Navigation/Toolbar/Toolbar.css
+++ b/src/components/Navigation/Toolbar/Toolbar.css
@@ -16,3 +16,7 @@
 .Toolbar nav{
     height: 100%;
 }
+
+.Logo{
+    height: 80%;
+}
\ No newline at end of file
diff --git a/src/components/Navigation/Toolbar/Toolbar.js b/src/components/Navigation/Toolbar/Toolbar.js
index f5ab3c6..a6bf075 100644
--- a/src/components/Navigation/Toolbar/Toolbar.js
+++ b/src/components/Navigation/Toolbar/Toolbar.js
@@ -8,7 +8,9 @@ const toolbar = () => {
     return (
         <header className={classes.Toolbar}>
             <div>MENU</div>
-            <Logo />
+            <div className={classes.Logo}>
+                <Logo />
+            </div>
             <nav>
                 <NavigationItems />
             </nav>