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.