diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts
index 8881fd2851..0bbcfd8307 100644
--- a/src/components/ha-dialog.ts
+++ b/src/components/ha-dialog.ts
@@ -47,9 +47,11 @@ export class HaDialog extends MwcDialog {
           height: 20px;
         }
         .mdc-dialog .mdc-dialog__content {
+          position: var(--dialog-content-position, relative);
           padding: var(--dialog-content-padding, 20px 24px);
         }
         .mdc-dialog .mdc-dialog__surface {
+          position: var(--dialog-content-position, relative);
           min-height: var(--mdc-dialog-min-height, auto);
         }
         .header_button {
diff --git a/src/dialogs/more-info/ha-more-info-dialog.ts b/src/dialogs/more-info/ha-more-info-dialog.ts
index 2375bcbb10..9c4370397b 100644
--- a/src/dialogs/more-info/ha-more-info-dialog.ts
+++ b/src/dialogs/more-info/ha-more-info-dialog.ts
@@ -243,6 +243,10 @@ export class MoreInfoDialog extends LitElement {
     return [
       haStyleDialog,
       css`
+        ha-dialog {
+          --dialog-content-position: static;
+        }
+
         app-toolbar {
           flex-shrink: 0;
           color: var(--primary-text-color);