html[data-size="mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown.user-menu-fixed,
html[data-size="small-mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown.user-menu-fixed,
html[data-size="mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown.user-menu-fixed:has(.nav-grid-auto),
html[data-size="small-mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown.user-menu-fixed:has(.nav-grid-auto) {
    right: 5px;
    left: 5px;
    width: auto;
    max-width: none;
}

html[data-size="mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown .nav-grid.nav-grid-auto,
html[data-size="small-mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown .nav-grid.nav-grid-auto {
    grid-template-columns: repeat(var(--default-columns), minmax(0, 1fr));
}

html[data-size="mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown .nav-grid .nav-item,
html[data-size="small-mobile"] .user-menu-wrapper[data-style="default"] .user-menu-dropdown .nav-grid .nav-item {
    /* Fixed-height tiles prevent a full-width mobile menu from producing oversized square navigation items. */
    aspect-ratio: auto;
    min-height: var(--menu-mobile-nav-item-min-height, 5rem);
}