diff --git a/client/src/common/components/Sidebar/styles.sass b/client/src/common/components/Sidebar/styles.sass
index 24f265e..0a10f57 100644
--- a/client/src/common/components/Sidebar/styles.sass
+++ b/client/src/common/components/Sidebar/styles.sass
@@ -7,10 +7,28 @@ aside
   border-right: $dark-gray 2px solid
   height: 100vh
   overflow: hidden
+  z-index: 5
 
 .sidebar-hidden
   display: none
 
 @media screen and (max-width: 1024px)
   aside
-    position: fixed
\ No newline at end of file
+    position: fixed
+    transition: .5s ease-in-out
+
+  .sidebar-hidden
+    display: block
+    opacity: 100
+    transform: translateX(-20rem)
+
+  .background-overlay
+    position: fixed
+    top: 0
+    left: 0
+    width: 100vw
+    height: 100vh
+    background-color: rgba(0, 0, 0, .5)
+    transition: .5s ease-in-out
+    z-index: 1
+    backdrop-filter: blur(1px)
\ No newline at end of file