diff --git a/components/lib/confirmdialog/style/ConfirmDialogStyle.js b/components/lib/confirmdialog/style/ConfirmDialogStyle.js
index b7626df11..8107c69db 100644
--- a/components/lib/confirmdialog/style/ConfirmDialogStyle.js
+++ b/components/lib/confirmdialog/style/ConfirmDialogStyle.js
@@ -4,11 +4,14 @@ const theme = ({ dt }) => `
 .p-confirmdialog .p-dialog-content {
     display: flex;
     align-items: center;
-    gap: 1rem;
+    gap:  ${dt('confirmdialog.content.gap')};
 }
 
 .p-confirmdialog-icon {
-    font-size: 2rem;
+    color: ${dt('confirmdialog.icon.color')};
+    font-size: ${dt('confirmdialog.icon.size')};
+    width: ${dt('confirmdialog.icon.size')};
+    height: ${dt('confirmdialog.icon.size')};
 }
 `;
 
diff --git a/components/lib/themes/aura/confirmdialog/index.js b/components/lib/themes/aura/confirmdialog/index.js
index ff8b4c563..1450b9f6e 100644
--- a/components/lib/themes/aura/confirmdialog/index.js
+++ b/components/lib/themes/aura/confirmdialog/index.js
@@ -1 +1,9 @@
-export default {};
+export default {
+    icon: {
+        size: '2rem',
+        color: '{overlay.modal.color}'
+    },
+    content: {
+        gap: '1rem'
+    }
+};
diff --git a/components/lib/themes/lara/confirmdialog/index.js b/components/lib/themes/lara/confirmdialog/index.js
index ff8b4c563..1450b9f6e 100644
--- a/components/lib/themes/lara/confirmdialog/index.js
+++ b/components/lib/themes/lara/confirmdialog/index.js
@@ -1 +1,9 @@
-export default {};
+export default {
+    icon: {
+        size: '2rem',
+        color: '{overlay.modal.color}'
+    },
+    content: {
+        gap: '1rem'
+    }
+};