diff --git a/.changeset/fix_default_menu_item_height_in_room_notification_switcher.md b/.changeset/fix_default_menu_item_height_in_room_notification_switcher.md new file mode 100644 index 000000000..ee962ec2b --- /dev/null +++ b/.changeset/fix_default_menu_item_height_in_room_notification_switcher.md @@ -0,0 +1,5 @@ +--- +default: patch +--- + +# Fix "Default" menu item height in room notification switcher. diff --git a/src/app/components/RoomNotificationSwitcher.tsx b/src/app/components/RoomNotificationSwitcher.tsx index 268758500..0b5c9e383 100644 --- a/src/app/components/RoomNotificationSwitcher.tsx +++ b/src/app/components/RoomNotificationSwitcher.tsx @@ -1,4 +1,4 @@ -import { Box, config, Icon, Menu, MenuItem, PopOut, RectCords, Text } from 'folds'; +import { Box, config, Icon, Menu, MenuItem, PopOut, RectCords, Text, toRem } from 'folds'; import { MouseEventHandler, ReactNode, useMemo, useState } from 'react'; import FocusTrap from 'focus-trap-react'; import { stopPropagation } from '$utils/keyboard'; @@ -93,6 +93,7 @@ export function RoomNotificationModeSwitcher({ size="300" variant="Surface" aria-pressed={mode === value} + style={mode === RoomNotificationMode.Unset ? { height: toRem(48) } : undefined} radii="300" disabled={changing} onClick={() => handleSelect(mode)}