diff --git a/src/components/Dropdown/Checkbox.tsx b/src/components/Dropdown/Checkbox.tsx index 8d0f4f460a..7ddc7b0368 100644 --- a/src/components/Dropdown/Checkbox.tsx +++ b/src/components/Dropdown/Checkbox.tsx @@ -59,6 +59,8 @@ const StyledCheckbox = styled.span<{ isChecked: boolean }>` const LabelText = styled.span` color: white; + font-size: 12px; + line-height: 16px; ` export default Checkbox diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx index 18c4208e7f..845b5cdc19 100644 --- a/src/components/Dropdown/Dropdown.tsx +++ b/src/components/Dropdown/Dropdown.tsx @@ -105,6 +105,8 @@ const DropdownHeader = styled.div<{ isExpanded: boolean }>` justify-content: space-between; align-items: center; padding: 10px; + font-size: 14px; + line-height: 20px; cursor: pointer; border: 1px solid white; @@ -151,7 +153,9 @@ const Button = styled.button` background-color: transparent; border-top: 1px solid white; width: 100%; - padding: 10px 16px; + font-size: 12px; + line-height: 16px; + white-space: nowrap; color: white; cursor: pointer;