diff --git a/core/src/components/modal/modal.scss b/core/src/components/modal/modal.scss
index 34628ba42c..8a1a58a330 100644
--- a/core/src/components/modal/modal.scss
+++ b/core/src/components/modal/modal.scss
@@ -65,9 +65,6 @@
 .modal-shadow {
   @include border-radius(var(--border-radius));
 
-  position: absolute;
-  bottom: 0;
-
   width: var(--width);
   min-width: var(--min-width);
   max-width: var(--max-width);
@@ -142,3 +139,9 @@
 :host(.modal-sheet) {
   --height: calc(100% - (var(--ion-safe-area-top) + 10px));
 }
+
+:host(.modal-sheet) .modal-wrapper,
+:host(.modal-sheet) .modal-shadow {
+  position: absolute;
+  bottom: 0;
+}