diff --git a/src/components/dialog/DialogContainer.vue b/src/components/dialog/DialogContainer.vue
index aea712ae..4500bd80 100644
--- a/src/components/dialog/DialogContainer.vue
+++ b/src/components/dialog/DialogContainer.vue
@@ -40,7 +40,7 @@ const state = defineModel({ default: false });
     >
       <div class="column full-height">
         <!-- NOTE: DIALOG HEADER -->
-        <div class="form-header q-py-sm q-px-md">
+        <div class="form-header q-py-sm q-px-md" v-if="$slots['header']">
           <slot name="header" />
         </div>
 
@@ -54,7 +54,7 @@ const state = defineModel({ default: false });
 
         <!-- NOTE: DIALOG FOOTER -->
         <div
-          v-if="footer || $slots.footer"
+          v-if="footer || $slots['footer']"
           class="dialog-footer row items-center full-width justify-between q-px-md q-py-sm surface-1"
         >
           <slot name="footer"></slot>