From 04808dab5454051ffe69dda2e2636e7207649230 Mon Sep 17 00:00:00 2001
From: Guilherme Gazzo <guilherme@gazzo.xyz>
Date: Tue, 13 Oct 2020 19:49:54 -0300
Subject: [PATCH] fix: transition

---
 packages/fuselage/src/components/Sidebar/styles.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/fuselage/src/components/Sidebar/styles.scss b/packages/fuselage/src/components/Sidebar/styles.scss
index 601425b5bb..595b7baacb 100644
--- a/packages/fuselage/src/components/Sidebar/styles.scss
+++ b/packages/fuselage/src/components/Sidebar/styles.scss
@@ -146,6 +146,8 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
     &:focus-within &__menu-wraper {
       width: lengths.size(28);
 
+      margin-inline: lengths.margin(4);
+
       opacity: 1;
     }
 
@@ -166,6 +168,8 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
 
       height: 100%;
 
+      transition: opacity 230ms;
+
       opacity: 0;
     }
   }