diff --git a/src/views/dialogs/HelpDialog.tsx b/src/views/dialogs/HelpDialog.tsx index 88181b1..1563032 100644 --- a/src/views/dialogs/HelpDialog.tsx +++ b/src/views/dialogs/HelpDialog.tsx @@ -8,6 +8,7 @@ import { ComboboxDialogMenu } from '@/components/ComboboxDialogMenu'; import { Icon, IconName } from '@/components/Icon'; import { isTruthy } from '@/lib/isTruthy'; +import { breakpoints } from '@/styles'; type ElementProps = { setIsOpen: (open: boolean) => void; @@ -72,8 +73,11 @@ export const HelpDialog = ({ setIsOpen }: ElementProps) => { const Styled: Record = {}; Styled.ComboboxDialogMenu = styled(ComboboxDialogMenu)` - --dialog-width: var(--dialog-small-width); --dialog-content-paddingTop: 1rem; --dialog-content-paddingBottom: 1rem; --comboxDialogMenu-item-gap: 1rem; + + @media ${breakpoints.notMobile} { + --dialog-width: var(--dialog-small-width); + } `; diff --git a/src/views/tables/PositionsTable.tsx b/src/views/tables/PositionsTable.tsx index 9aaac46..3e8f80f 100644 --- a/src/views/tables/PositionsTable.tsx +++ b/src/views/tables/PositionsTable.tsx @@ -366,6 +366,7 @@ Styled.InlineRow = styled.div` Styled.AssetIcon = styled(AssetIcon)` ${layoutMixins.inlineRow} + min-width: unset; font-size: 2.25rem; `;