diff --git a/public/assets/hamburgerModal.svg b/public/assets/hamburgerModal.svg
index c5bae58..0027fb2 100644
--- a/public/assets/hamburgerModal.svg
+++ b/public/assets/hamburgerModal.svg
@@ -1,5 +1,5 @@
-<svg width="46" height="48" viewBox="0 0 46 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="10" y="28.7499" width="26" height="3" rx="1.5" fill="#3E4954"/>
-<rect x="10" y="36.7499" width="26" height="3" rx="1.5" fill="#3E4954"/>
-<rect x="10" y="44.7499" width="26" height="3" rx="1.5" fill="#3E4954"/>
+<svg width="26" height="19" viewBox="0 0 26 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.118652" width="26" height="2.93413" rx="1.46706" fill="#3E4954"/>
+<rect y="7.94299" width="26" height="2.93413" rx="1.46706" fill="#3E4954"/>
+<rect y="15.7673" width="26" height="2.93413" rx="1.46706" fill="#3E4954"/>
 </svg>
diff --git a/src/components/sidebar/SidebarView.ts b/src/components/sidebar/SidebarView.ts
index 76960f6..31c5720 100644
--- a/src/components/sidebar/SidebarView.ts
+++ b/src/components/sidebar/SidebarView.ts
@@ -6,15 +6,15 @@ interface SidebarViewInterface {
 }
 
 export const SidebarView = styled.nav<SidebarViewInterface>`
-  position: fixed;
+  position: relative;
 
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
 
   flex-direction: column;
 
-  width: 20rem;
+  width: 20%;
 
   margin: 0;
   padding: 0;
@@ -35,13 +35,16 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
     width: 100%;
 
     li {
-      width: 100%;
-      height: 67px;
+      display: flex;
+      align-items: center;
+      justify-content: flex-start;
+
+      width: 100%;
+      height: 60px;
 
-      font-family: 'Poppins';
       font-style: normal;
       font-weight: 500;
-      font-size: 18px;
+      font-size: 16px;
       line-height: 27px;
       /* identical to box height */
 
@@ -106,25 +109,18 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
   @media (max-width: 1196px) {
     align-items: flex-start;
 
-    width: 20rem;
+    width: 100%;
+    /* height: 0%; */
     /* height: ${props => props.modalOpen? '100%' : null}; */
 
-    padding-top: 20px;
-    padding-left: 20px;
+    padding: 18px;
 
-    /* background-color: ${props => props.modalOpen? '#FFF' : 'transparent'}; */
+    border-bottom: solid black 1px;
 
     z-index: 2;
 
     .hamburger {
-      position: fixed;
-      top: 20px;
-
-      display: inherit;
-      width: 40px;
-      height: 40px;
-
-      /* background-color: black; */
+      display: flex;
 
       cursor: pointer;
 
@@ -132,7 +128,6 @@ export const SidebarView = styled.nav<SidebarViewInterface>`
     }
     .imageNext {
       display: none;
-      opacity: 0;
     }
     ul {
       display: ${props => props.modalOpen? 'block' : 'none'};