diff --git a/hassio/hassio-markdown-dialog.html b/hassio/hassio-markdown-dialog.html
index b4d632453b..92b3b0c8ff 100644
--- a/hassio/hassio-markdown-dialog.html
+++ b/hassio/hassio-markdown-dialog.html
@@ -31,7 +31,16 @@
       @media all and (max-width: 450px), all and (max-height: 500px) {
         paper-dialog {
           max-height: 100%;
-          height: 100%;
+        }
+        paper-dialog::before {
+          content: "";
+          position: fixed;
+          z-index: -1;
+          top: 0px;
+          left: 0px;
+          right: 0px;
+          bottom: 0px;
+          background-color: inherit;
         }
         app-toolbar {
           color: var(--text-primary-color);
diff --git a/src/dialogs/ha-more-info-dialog.html b/src/dialogs/ha-more-info-dialog.html
index b287b371c0..64e8141d73 100644
--- a/src/dialogs/ha-more-info-dialog.html
+++ b/src/dialogs/ha-more-info-dialog.html
@@ -43,6 +43,16 @@
         :host {
           @apply(--ha-dialog-fullscreen);
         }
+        :host::before {
+          content: "";
+          position: fixed;
+          z-index: -1;
+          top: 0px;
+          left: 0px;
+          right: 0px;
+          bottom: 0px;
+          background-color: inherit;
+        }
       }
 
       :host([data-domain=camera]) {
diff --git a/src/resources/ha-style.html b/src/resources/ha-style.html
index b6b15bb120..feb05e7c9f 100644
--- a/src/resources/ha-style.html
+++ b/src/resources/ha-style.html
@@ -164,7 +164,6 @@
         }
 
         --ha-dialog-fullscreen: {
-          min-height: 100% !important;
           width: 100% !important;
           border-radius: 0px;
           position: fixed !important;