diff --git a/src/js/media-chrome-dialog.ts b/src/js/media-chrome-dialog.ts
index ddce42807..18f62e321 100644
--- a/src/js/media-chrome-dialog.ts
+++ b/src/js/media-chrome-dialog.ts
@@ -52,6 +52,7 @@ function getTemplateHTML(_attrs: Record<string, string>) {
         line-height: 1.4;
       }
     </style>
+    ${this.getSlotTemplateHTML(_attrs)}
   `;
 }
 
@@ -128,7 +129,6 @@ class MediaChromeDialog extends globalThis.HTMLElement {
 
       this.shadowRoot.innerHTML = /*html*/ `
         ${(this.constructor as typeof MediaChromeDialog).getTemplateHTML(attrs)}
-        ${(this.constructor as typeof MediaChromeDialog).getSlotTemplateHTML(attrs)}
       `;
     }
   }