diff --git a/src/states/Manage/pages/Sidebar/styles.sass b/src/states/Manage/pages/Sidebar/styles.sass
index f7e4eb0..2778ae7 100644
--- a/src/states/Manage/pages/Sidebar/styles.sass
+++ b/src/states/Manage/pages/Sidebar/styles.sass
@@ -49,4 +49,31 @@ aside .header:hover
 
 .item-active
   display: flex
-  background-color: $background
\ No newline at end of file
+  background-color: $background
+
+@media screen and (max-width: 768px)
+  aside
+    position: fixed
+    top: 0
+    left: 0
+    z-index: 100
+    height: 100%
+    overflow-y: scroll
+    transform: translateX(-100%)
+    transition: transform 0.3s ease-in-out
+    &.active
+      transform: translateX(0)
+
+  .sidebar-overlay
+    position: fixed
+    top: 0
+    left: 0
+    z-index: 99
+    width: 100%
+    height: 100%
+    background-color: rgba(0, 0, 0, 0.3)
+    backdrop-filter: blur(2px)
+
+@media screen and (max-width: 425px)
+  aside
+    width: 100%
\ No newline at end of file