diff --git a/src/shared/dropdown-list/dropdown-label.styles.tsx b/src/shared/dropdown-list/dropdown-label.styles.tsx index 617626564e..d0181f0776 100644 --- a/src/shared/dropdown-list/dropdown-label.styles.tsx +++ b/src/shared/dropdown-list/dropdown-label.styles.tsx @@ -18,6 +18,7 @@ interface LabelTextStyleProps { $disabled?: boolean; $truncateType?: TruncateType; $bold?: boolean; + $variant?: DropdownVariantType; } interface MatchedTextStyleProps { @@ -73,7 +74,9 @@ export const SecondaryText = styled.div` case "inline": default: return css` - ${Font["body-baseline-regular"]} + ${props.$variant === "small" + ? Font["body-md-regular"] + : Font["body-baseline-regular"]} `; } }} diff --git a/src/shared/dropdown-list/dropdown-label.tsx b/src/shared/dropdown-list/dropdown-label.tsx index c51530fbdd..35b883b969 100644 --- a/src/shared/dropdown-list/dropdown-label.tsx +++ b/src/shared/dropdown-list/dropdown-label.tsx @@ -150,6 +150,7 @@ export const DropdownLabel = ({ $maxLines={maxLines} $truncateType={truncationType} $labelDisplayType={displayType} + $variant={variant} > {truncationType === "middle" && shouldTruncateLabel ? renderTruncatedText(sublabel) diff --git a/stories/form/form-select/form-select.stories.tsx b/stories/form/form-select/form-select.stories.tsx index 60a075a7e0..6d9b9d1f5b 100644 --- a/stories/form/form-select/form-select.stories.tsx +++ b/stories/form/form-select/form-select.stories.tsx @@ -272,7 +272,6 @@ export const LabelTruncation: StoryObj = { title: item, secondaryLabel: item, })} - variant="small" /> = { title: item, secondaryLabel: item, })} - variant="small" /> = { title: item, secondaryLabel: item, })} - variant="small" /> );