diff --git a/src/components/dialog/DialogHeader.vue b/src/components/dialog/DialogHeader.vue
index 0471462c..503af2c3 100644
--- a/src/components/dialog/DialogHeader.vue
+++ b/src/components/dialog/DialogHeader.vue
@@ -8,12 +8,15 @@ defineProps<{
 
 <template>
   <div class="dialog-header-container">
+    <slot name="before" />
     <div class="dialog-header-main">
       <slot name="title-before" />
       {{ title }}
       <slot name="title-after" />
     </div>
-    <CancelButton icon-only v-close-popup />
+    <slot name="after">
+      <CancelButton icon-only v-close-popup />
+    </slot>
   </div>
 </template>