diff --git a/customize.dist/main.css b/customize.dist/main.css
index 28fa33878..be3a568af 100644
--- a/customize.dist/main.css
+++ b/customize.dist/main.css
@@ -63,7 +63,8 @@
 }
 .alertify .dialog > *,
 .alertify .alert > * {
-  width: 400px;
+  width: 30%;
+  min-width: 500px;
   max-width: 95%;
   margin: 0 auto;
   text-align: center;
@@ -80,8 +81,8 @@
 }
 .alertify .dialog input:not(.form-control),
 .alertify .alert input:not(.form-control) {
-  background-color: #fff;
-  color: #555;
+  background-color: #302B28;
+  color: #fafafa;
   border: 0px;
   border-radius: 5px;
   margin-bottom: 15px;
diff --git a/customize.dist/src/less/alertify.less b/customize.dist/src/less/alertify.less
index 8add4bc13..4d9e22fde 100644
--- a/customize.dist/src/less/alertify.less
+++ b/customize.dist/src/less/alertify.less
@@ -71,7 +71,8 @@
         transform: translateY(-50%);
 
         > * {
-            width: 400px;
+            width: 30%;
+            min-width: 500px;
             max-width: 95%;
             margin: 0 auto;
             text-align: center;
diff --git a/customize.dist/src/less/variables.less b/customize.dist/src/less/variables.less
index c6f8b1566..dae65b0ca 100644
--- a/customize.dist/src/less/variables.less
+++ b/customize.dist/src/less/variables.less
@@ -46,8 +46,8 @@
 @alertify-bg: rgba(0, 0, 0, .3);
 @alertify-fg: @old-fore;
 
-@alertify-input-bg: @base;
-@alertify-input-fg: @fore;
+@alertify-input-bg: @old-base;
+@alertify-input-fg: @old-fore;
 
 @slide-default-bg: #000;