diff --git a/polaris-react/src/components/Choice/Choice.tsx b/polaris-react/src/components/Choice/Choice.tsx index d02fa298366..1070165dd79 100644 --- a/polaris-react/src/components/Choice/Choice.tsx +++ b/polaris-react/src/components/Choice/Choice.tsx @@ -124,12 +124,12 @@ export function Choice({ bleedInlineEnd || bleed, ), - ...getResponsiveValue( - 'choice', - 'fill', - // Map "true" => "100%" and "false" => "auto" for use in - // inline/block-size calc() - mapResponsivePropValues(fill, (value) => (value ? '100%' : 'auto')), + ...Object.fromEntries( + Object.entries(getResponsiveValue('choice', 'fill', fill)).map( + // Map "true" => "100%" and "false" => "auto" for use in + // inline/block-size calc() + ([key, value]) => [key, value ? '100%' : 'auto'], + ), ), } as React.CSSProperties;