diff --git a/resources/styles/framework.scss b/resources/styles/framework.scss
index 552acec8cf..c5aa0fe610 100644
--- a/resources/styles/framework.scss
+++ b/resources/styles/framework.scss
@@ -69,10 +69,9 @@
 .btn-gray {
   @extend %btn;
   background: $color-gray;
-  color: $color-gray-dark;
+  color: $color-white;
   &:hover {
     background: $color-gray-dark;
-    color: $color-gray-darker;
   }
 }
 
diff --git a/resources/styles/partials/lightbox.scss b/resources/styles/partials/lightbox.scss
index fe2242d13a..b602ab2b08 100644
--- a/resources/styles/partials/lightbox.scss
+++ b/resources/styles/partials/lightbox.scss
@@ -195,7 +195,11 @@
 
 }
 
-// Project Settings
-.settings {
-
+// Confirm dialog
+.confirm-dialog {
+  .btn-gray,
+  .btn-success,
+  .btn-delete {
+    margin: 2rem 1rem 0 1rem;
+  }
 }
diff --git a/src/uxbox/ui/confirm.cljs b/src/uxbox/ui/confirm.cljs
index 221106bc52..2c77e5953d 100644
--- a/src/uxbox/ui/confirm.cljs
+++ b/src/uxbox/ui/confirm.cljs
@@ -26,15 +26,20 @@
               (on-cancel (dissoc ctx :on-accept :on-cancel))))]
     (html
      [:div.lightbox-body.confirm-dialog
-      [:span "HERE"]
-      [:input
-       {:type "button"
-        :value "Ok"
-        :on-click accept}]
-      [:input
-       {:type "button"
-        :value "Cancel"
-        :on-click cancel}]])))
+      [:h3 "Are you sure?"]
+      [:span "You're going to delete __PAGENAME__"]
+      [:div.row-flex
+       [:input.btn-success.btn-small
+        {:type "button"
+         :value "Ok"
+         :on-click accept}]
+       [:input.btn-delete.btn-small
+        {:type "button"
+         :value "Cancel"
+         :on-click cancel}]]
+         [:a.close {:href "#"
+                :on-click #(do (dom/prevent-default %)
+                               (udl/close!))} i/close]])))
 
 (def confirm-dialog
   (mx/component