diff --git a/core/src/elements/ons-dialog/index.js b/core/src/elements/ons-dialog/index.js
index <HASH>..<HASH> 100644
--- a/core/src/elements/ons-dialog/index.js
+++ b/core/src/elements/ons-dialog/index.js
@@ -64,8 +64,8 @@ class DialogElement extends BaseElement {
 
   createdCallback() {
     if (!this.hasAttribute('_compiled')) {
+      ons._prepareAutoStyling(this);
       this._compile();
-      ModifierUtil.initModifier(this, scheme);
 
       this.setAttribute('_compiled', '');
     }
@@ -106,6 +106,8 @@ class DialogElement extends BaseElement {
     this._mask.style.zIndex = 20000;
 
     this.setAttribute('no-status-bar-fill', '');
+
+    ModifierUtil.initModifier(this, scheme);
   }
 
   /**
feat(ons-dialog): Automatic Styling.