diff --git a/src/select/__tests__/select.stories.tsx b/src/select/__tests__/select.stories.tsx index 9f4a3763f4..17121a6009 100644 --- a/src/select/__tests__/select.stories.tsx +++ b/src/select/__tests__/select.stories.tsx @@ -941,6 +941,22 @@ export const StoryOverrides = () => { Assistive Text + + + + + Assistive Text + ); }; diff --git a/src/select/styled.tsx b/src/select/styled.tsx index bffdba70df..edbf297688 100644 --- a/src/select/styled.tsx +++ b/src/select/styled.tsx @@ -126,6 +126,10 @@ export const StyledSelectPanel = styled.div<{ ${({$size}) => getResponsiveSize('maxHeight', `select.${$size}.panel`, '', 'maxHeight')}; + ${({$size}) => + getResponsiveSize('minWidth', `select.${$size}.panel`, '', 'minWidth')}; + ${({$size}) => + getResponsiveSize('maxWidth', `select.${$size}.panel`, '', 'maxWidth')}; `; export const StyledModalPanel = styled.div` diff --git a/src/select/types.ts b/src/select/types.ts index 4677c03c3f..0a403caa11 100644 --- a/src/select/types.ts +++ b/src/select/types.ts @@ -32,6 +32,8 @@ export interface SelectButtonOverrides extends EnhancerOverrides { export interface SelectPanelOverrides extends LogicalProps { maxHeight?: MQ; + minWidth?: MQ; + maxWidth?: MQ; stylePreset?: MQ; /** * @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlock` instead.