diff --git a/packages/fuselage/src/components/Sidebar/styles.scss b/packages/fuselage/src/components/Sidebar/styles.scss index e09d739fcf7c31890fcf200ba1bc2fdd3a75e42c..601425b5bb6aa1ff1c4f2f0f96afeaf588fcf62d 100644 --- a/packages/fuselage/src/components/Sidebar/styles.scss +++ b/packages/fuselage/src/components/Sidebar/styles.scss @@ -144,7 +144,7 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr &:hover &__menu-wraper, &:focus-within &__menu-wraper { - padding-inline: lengths.padding(16); + width: lengths.size(28); opacity: 1; } @@ -153,9 +153,6 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr position: absolute; top: 50%; - right: 0; - - margin-inline: lengths.margin(-8); transform: translateY(-50%); } @@ -163,9 +160,11 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr &__menu-wraper { position: relative; - height: 100%; + flex-shrink: 0; - padding-inline: 0; + width: 0; + + height: 100%; opacity: 0; }