From 9d87028e81723a0f1498c8cf231319676078eda0 Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Thu, 9 Sep 2021 12:27:42 -0400
Subject: [PATCH] fix(modal): modal displays in middle of screen on desktop
 (#23911)

---
 core/src/components/modal/modal.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

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;
+}