diff --git a/crates/web/src/components/sidebar/style.css b/crates/web/src/components/sidebar/style.css index 1f867bd..b78ed48 100644 --- a/crates/web/src/components/sidebar/style.css +++ b/crates/web/src/components/sidebar/style.css @@ -495,7 +495,6 @@ .dx-sidebar-menu-button[data-sidebar="menu-button"] { display: flex; - overflow: hidden; width: 100%; box-sizing: border-box; align-items: center; @@ -508,9 +507,10 @@ font-size: 0.875rem; gap: 0.5rem; outline: none; + overflow-wrap: anywhere; text-align: left; text-decoration: none; - transition: width 200ms ease-out, height 200ms ease-out, padding 200ms ease-out; + transition: width 200ms ease-out, padding 200ms ease-out; } .dx-sidebar-menu-button[data-sidebar="menu-button"]:hover { @@ -558,17 +558,17 @@ /* Size variants */ .dx-sidebar-menu-button[data-sidebar="menu-button"][data-size="default"] { - height: 2rem; + min-height: 2rem; font-size: 0.875rem; } .dx-sidebar-menu-button[data-sidebar="menu-button"][data-size="sm"] { - height: 1.75rem; + min-height: 1.75rem; font-size: 0.75rem; } .dx-sidebar-menu-button[data-sidebar="menu-button"][data-size="lg"] { - height: 3rem; + min-height: 3rem; font-size: 0.875rem; }