diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index 57eb9d213c1..1656900d026 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -18,6 +18,8 @@
 
   display: flex;
 
+  position: relative;
+
   color: var(--color);
 
   font-family: $font-family-base;
@@ -26,6 +28,8 @@
 }
 
 :host(.in-item) {
+  position: static;
+
   max-width: 45%;
 }
 
diff --git a/core/src/components/select/select.tsx b/core/src/components/select/select.tsx
index 65273386c92..7544dce8de5 100644
--- a/core/src/components/select/select.tsx
+++ b/core/src/components/select/select.tsx
@@ -18,6 +18,7 @@ export class Select implements ComponentInterface {
   private inputId = `ion-sel-${selectIds++}`;
   private labelId?: string;
   private overlay?: HTMLIonActionSheetElement | HTMLIonAlertElement | HTMLIonPopoverElement;
+
   @Element() el!: HTMLIonSelectElement;
 
   @Prop({ connect: 'ion-action-sheet-controller' }) actionSheetCtrl!: HTMLIonActionSheetControllerElement;