diff --git a/src/components/ha-md-dialog.ts b/src/components/ha-md-dialog.ts
index dde855e016..7ee73d7866 100644
--- a/src/components/ha-md-dialog.ts
+++ b/src/components/ha-md-dialog.ts
@@ -164,8 +164,8 @@ export class HaMdDialog extends MdDialog {
         min-width: 320px;
       }
 
-      :host(:not([type="alert"])) {
-        @media all and (max-width: 450px), all and (max-height: 500px) {
+      @media all and (max-width: 450px), all and (max-height: 500px) {
+        :host(:not([type="alert"])) {
           min-width: calc(
             100vw - env(safe-area-inset-right) - env(safe-area-inset-left)
           );
@@ -178,7 +178,7 @@ export class HaMdDialog extends MdDialog {
         }
       }
 
-      :host ::slotted(ha-dialog-header) {
+      ::slotted(ha-dialog-header[slot="headline"]) {
         display: contents;
       }
 
@@ -190,7 +190,7 @@ export class HaMdDialog extends MdDialog {
         padding: var(--dialog-content-padding, 24px);
       }
       .scrim {
-        z-index: 10; // overlay navigation
+        z-index: 10; /* overlay navigation */
       }
     `,
   ];