diff --git a/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.html b/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.html
index 543c92a..c15018f 100644
--- a/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.html
+++ b/src/lib/dialog/confirmation-dialog/confirmation-dialog.component.html
@@ -11,15 +11,15 @@
     }
 
     <div class="dialog-content">
+        @if (config.component) {
+            <ng-container #detailsComponent></ng-container>
+        }
+
         <p [class.heading]="isDeleteAction" [innerHTML]="config.question" class="mt-0 mb-8"></p>
         @if (config.details) {
             <p [innerHTML]="config.details" class="mt-0"></p>
         }
 
-        @if (config.component) {
-            <ng-container #detailsComponent></ng-container>
-        }
-
         @if (config.requireInput) {
             <div class="iqser-input-group required w-300 mt-24">
                 <label>{{ inputLabel }}</label>