diff --git a/packages/ui-select/src/Select/index.tsx b/packages/ui-select/src/Select/index.tsx
index 28eebb035c..28aa8f6b8d 100644
--- a/packages/ui-select/src/Select/index.tsx
+++ b/packages/ui-select/src/Select/index.tsx
@@ -690,6 +690,7 @@ class Select extends Component<SelectProps> {
       onBlur,
       onInputChange,
       onRequestHideOptions,
+      layout,
       ...rest
     } = this.props
 
@@ -745,6 +746,7 @@ class Select extends Component<SelectProps> {
           : interaction,
       isRequired,
       shouldNotWrap,
+      layout,
       display: isInline ? 'inline-block' : 'block',
       renderBeforeInput: this.handleRenderBeforeInput(),
       // On iOS VoiceOver, if there is a custom element instead of the changing up and down arrow button
diff --git a/packages/ui-select/src/Select/props.ts b/packages/ui-select/src/Select/props.ts
index 75bef21542..0bf43824cf 100644
--- a/packages/ui-select/src/Select/props.ts
+++ b/packages/ui-select/src/Select/props.ts
@@ -256,6 +256,14 @@ type PropsFromTextInput = {
    * when available space is exceeded.
    */
   shouldNotWrap?: boolean
+
+  /**
+   * In `stacked` mode the input is below the label.
+   *
+   * In `inline` mode the input is to the right/left (depending on text direction) of the label,
+   * and the layout will look like `stacked` for small screens.
+   */
+  layout?: 'stacked' | 'inline'
 }
 
 // These props are directly passed to Popover
@@ -328,7 +336,8 @@ const propTypes: PropValidators<PropKeys> = {
   renderAfterInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   children: ChildrenPropTypes.oneOf([Group, Option]),
   shouldNotWrap: PropTypes.bool,
-  scrollToHighlightedOption: PropTypes.bool
+  scrollToHighlightedOption: PropTypes.bool,
+  layout: PropTypes.oneOf(['stacked', 'inline'])
 }
 
 const allowedProps: AllowedPropKeys = [
@@ -365,7 +374,8 @@ const allowedProps: AllowedPropKeys = [
   'renderAfterInput',
   'children',
   'shouldNotWrap',
-  'scrollToHighlightedOption'
+  'scrollToHighlightedOption',
+  'layout'
 ]
 
 export type { SelectProps, SelectOwnProps, SelectStyle }
diff --git a/packages/ui-simple-select/src/SimpleSelect/index.tsx b/packages/ui-simple-select/src/SimpleSelect/index.tsx
index 2d4e01a014..788902feac 100644
--- a/packages/ui-simple-select/src/SimpleSelect/index.tsx
+++ b/packages/ui-simple-select/src/SimpleSelect/index.tsx
@@ -458,6 +458,7 @@ class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
       onShowOptions,
       onHideOptions,
       children,
+      layout,
       ...rest
     } = this.props
 
@@ -493,6 +494,7 @@ class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
         onRequestHighlightOption={this.handleHighlightOption}
         onRequestSelectOption={this.handleSelectOption}
         isOptionContentAppliedToInput={this.props.isOptionContentAppliedToInput}
+        layout={layout}
         {...passthroughProps(rest)}
       >
         {this.renderChildren()}
diff --git a/packages/ui-simple-select/src/SimpleSelect/props.ts b/packages/ui-simple-select/src/SimpleSelect/props.ts
index e83d7286a6..e7f1b94ee5 100644
--- a/packages/ui-simple-select/src/SimpleSelect/props.ts
+++ b/packages/ui-simple-select/src/SimpleSelect/props.ts
@@ -232,6 +232,14 @@ type PropsPassedToSelect = {
    * If the selected `SimpleSelect.Option`'s `renderAfterLabel` value is empty, default arrow icon will be rendered.
    */
   isOptionContentAppliedToInput?: boolean
+
+  /**
+   * In `stacked` mode the input is below the label.
+   *
+   * In `inline` mode the input is to the right/left (depending on text direction) of the label,
+   * and the layout will look like `stacked` for small screens.
+   */
+  layout?: 'stacked' | 'inline'
 }
 
 type PropKeys = keyof SimpleSelectOwnProps
@@ -248,6 +256,7 @@ type SimpleSelectProps = PickPropsWithExceptions<
   | 'onRequestSelectOption'
   | 'inputValue'
   | 'isShowingOptions'
+  | 'layout'
 > &
   SimpleSelectOwnProps &
   OtherHTMLAttributes<
@@ -294,7 +303,8 @@ const propTypes: PropValidators<PropKeys> = {
   renderBeforeInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   renderAfterInput: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
   children: ChildrenPropTypes.oneOf([Group, Option]),
-  isOptionContentAppliedToInput: PropTypes.bool
+  isOptionContentAppliedToInput: PropTypes.bool,
+  layout: PropTypes.oneOf(['stacked', 'inline'])
 }
 
 const allowedProps: AllowedPropKeys = [
@@ -326,7 +336,8 @@ const allowedProps: AllowedPropKeys = [
   'renderEmptyOption',
   'renderBeforeInput',
   'renderAfterInput',
-  'children'
+  'children',
+  'layout'
 ]
 
 export type { SimpleSelectProps, SimpleSelectState }