This repository was archived by the owner on Sep 11, 2026. It is now read-only.
Repository navigation
This repository was archived by the owner on Sep 11, 2026. It is now read-only.
Input font size is large on modals on desktop #13553
Description
Summary
An input inside of app-bridge modal will have a large font size because of CSS breakpoints interpreting modal as a screen and making the font large like on mobile.
Expected behavior
Text in inputs is small on desktop.
Actual behavior
Steps to reproduce
Here's a piece of relevant code:
<Modal id="discount-selector-modal" open={open} onHide={onClose}>
<TitleBar title={t("survey.config.settings.select_discount")} />
<ModalContent>
<TextField
label={t("survey.config.settings.search_discounts")}
value={searchTerm}
onChange={setSearchTerm}
autoComplete="off"
placeholder={t("survey.config.settings.search_discounts_placeholder")}
labelHidden
/>
</ModalContent>
<ModalContent padding="0">
<ResourceList items={filteredDiscounts} renderItem={renderItem} />
</ModalContent>
</Modal>
Are you using React components?
Yes
Polaris version number
13.9.5
Browser
Chrome
Device
Linux 6.13 Fedora Linux 41 (Workstation Edition)
Activity
iAmNsengi commentedon Jul 21, 2025
Hello @vincaslt I have raised a PR fixing issue #13877 and have signed the CLA.
Thank you
github-actions commentedon Aug 5, 2026
Hi! We noticed there hasn’t been activity on this issue in a while. After 30 days, it will close automatically.
If it’s still relevant, or you have updates, comment and let us know. And don’t worry, you can always re-open later if needed.