diff --git a/src/components/styled/menu.css b/src/components/styled/menu.css index d72d94e7bfe..0a57e9879ad 100644 --- a/src/components/styled/menu.css +++ b/src/components/styled/menu.css @@ -16,6 +16,7 @@ .menu :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { @apply px-4 py-2 rounded-btn transition duration-200 ease-in-out text-left; + text-wrap: balance; } :where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)), diff --git a/src/components/unstyled/menu.css b/src/components/unstyled/menu.css index 6f05ce633fb..0ae4e425393 100644 --- a/src/components/unstyled/menu.css +++ b/src/components/unstyled/menu.css @@ -6,7 +6,7 @@ :where(li:not(.menu-title) > *:not(ul):not(details):not(.menu-title)), :where(li:not(.menu-title) > details > summary:not(.menu-title)) { @apply grid grid-flow-col items-center gap-2 content-start; - grid-auto-columns: max-content auto max-content; + grid-auto-columns: minmax(auto, max-content) auto max-content; user-select: none; } & li.disabled {