diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index dd0550f0..707d87e9 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -24,8 +24,7 @@
 }
 
 .v-dialog > .v-overlay__content {
-  margin-block-start: env(safe-area-inset-top);
-  margin-block-end: env(safe-area-inset-bottom);
+  margin-block: env(safe-area-inset-top) env(safe-area-inset-bottom);
 }
 
 .v-dialog--fullscreen > .v-overlay__content{
@@ -33,6 +32,10 @@
   padding-block-end: env(safe-area-inset-bottom);
 }
 
+.v-overlay__scrim {
+  min-block-size: calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom));
+}
+
 /* router view transition fade-slide */
 .fade-slide-leave-active,
 .fade-slide-enter-active {