diff --git a/frontend/uxbox/ui/workspace/base.cljs b/frontend/uxbox/ui/workspace/base.cljs
index bb2725050..587e14512 100644
--- a/frontend/uxbox/ui/workspace/base.cljs
+++ b/frontend/uxbox/ui/workspace/base.cljs
@@ -255,7 +255,7 @@
          {:disabled (str/empty? (str/trim (get-in @parent [:form :name] "")))
           :on-click on-save}
          "Save"]
-        [:button.btn-primary.btn-small
+        [:button.btn-delete.btn-small
          {:on-click on-cancel}
          "Cancel"]]))))
 
diff --git a/resources/public/styles/framework.scss b/resources/public/styles/framework.scss
index 670d98833..ba48f909c 100644
--- a/resources/public/styles/framework.scss
+++ b/resources/public/styles/framework.scss
@@ -49,6 +49,16 @@
   }
 }
 
+.btn-delete {
+  @extend %btn;
+  background: $color-danger;
+  color: $color-white;
+  &:hover {
+    background: $color-danger-dark;
+    color: $color-white;
+  }
+}
+
 .btn-gray {
   @extend %btn;
   background: $color-gray;
diff --git a/resources/public/styles/partials/project-bar.scss b/resources/public/styles/partials/project-bar.scss
index aa82ee6e4..0fcfb4575 100644
--- a/resources/public/styles/partials/project-bar.scss
+++ b/resources/public/styles/partials/project-bar.scss
@@ -3,7 +3,7 @@
   border-right: 1px solid $color-gray-lighter;
   bottom: 0;
   height: 100%;
-  left:55px;
+  left: 50px;
   position: fixed;
   width: 200px;
   z-index: 9;
@@ -28,8 +28,10 @@
       width: 100%;
     }
 
-    .btn-primary {
+    .btn-primary,
+    .btn-delete {
       font-size: $fs13;
+      margin-bottom: .5rem;
       padding: 8px $small;
       width: 90%;
     }