diff --git a/src/components/common/pickers/ChatOrUserPicker.scss b/src/components/common/pickers/ChatOrUserPicker.scss index dcea983de..6d3767606 100644 --- a/src/components/common/pickers/ChatOrUserPicker.scss +++ b/src/components/common/pickers/ChatOrUserPicker.scss @@ -4,6 +4,7 @@ .modal-dialog { height: 70%; max-width: 25rem; + overflow: hidden; @media (max-width: 600px) { height: 90%; diff --git a/src/components/common/pickers/PickerItem.module.scss b/src/components/common/pickers/PickerItem.module.scss index 869760ac9..179bc4e83 100644 --- a/src/components/common/pickers/PickerItem.module.scss +++ b/src/components/common/pickers/PickerItem.module.scss @@ -19,9 +19,19 @@ transition-property: background-color, opacity; transition-duration: 150ms; + :global(body.is-ios) &, + :global(body.is-android) & { + border-radius: 0; + padding-inline-start: 0.75rem; + } + + :global(body.is-ios) & { + padding-inline-end: 0; + } + @media (max-width: 600px) { border-radius: 0; - padding-inline: 0.5rem; + padding-inline-start: 0.5rem !important; } } @@ -38,7 +48,7 @@ .separator { grid-row: 2; - grid-column: 2 / 4; + grid-column: 3; /* stylelint-disable-next-line plugin/whole-pixel */ height: 0.5px; background-color: var(--color-dividers);