diff --git a/ui/stylesheets/cloudstack.scss b/ui/stylesheets/cloudstack.scss
index 19dd35c0e0e..ca5657919fd 100644
--- a/ui/stylesheets/cloudstack.scss
+++ b/ui/stylesheets/cloudstack.scss
@@ -36,13 +36,13 @@ body {
 
         .total {
             padding: 5px 10px;
-            @include linear-gradient(lightgray, lighten(black, 15%));
+            @include linear-gradient(#a4a4a4, lighten(#272727, 15%));
             border-radius: 1px;
             margin-top: -5px;
             margin-right: 20px;
             float: left;
             border-radius: 8px;
-            text-shadow: 0px 1px 1px black;
+            text-shadow: 0px 2px 2px black;
         }
     }
 
diff --git a/ui/stylesheets/csui/_button.scss b/ui/stylesheets/csui/_button.scss
index 2d62a4450e3..a857b094921 100644
--- a/ui/stylesheets/csui/_button.scss
+++ b/ui/stylesheets/csui/_button.scss
@@ -20,6 +20,7 @@
   @include csui-button;
   @include linear-gradient(darkgray, lighten(black, 15%));
 
+  background-color: #2e2e2e;
   color: white;
   font-weight: bold;
   text-shadow: 0px 1px 1px black;
diff --git a/ui/stylesheets/csui/_form.scss b/ui/stylesheets/csui/_form.scss
index f3cd425b9b6..cc27a26b470 100644
--- a/ui/stylesheets/csui/_form.scss
+++ b/ui/stylesheets/csui/_form.scss
@@ -20,6 +20,9 @@
 
 @mixin csui-dropdown-dark {
   @include csui-dropdown;
+
+  background-color: #333333;
+
   @include background(
       url(csui/img/form/dropdown-arrow-white.png) no-repeat right 8px center,
       linear-gradient(#4e4e4e, #242424)
diff --git a/ui/stylesheets/csui/_header.scss b/ui/stylesheets/csui/_header.scss
index cadfc4116b2..de2be7eadc5 100644
--- a/ui/stylesheets/csui/_header.scss
+++ b/ui/stylesheets/csui/_header.scss
@@ -1,4 +1,6 @@
 @mixin csui-header {
+  background-color: #0a5f91;
+
   @include background(
     url(csui/img/overlay-pattern.png) repeat,
     url(csui/img/header/gradient.png) no-repeat
@@ -7,7 +9,7 @@
   background-size: auto, cover;
 
   .logo {
-    background: url(csui/img/logo-main.png) no-repeat left;
+    background: url(csui/img/header/logo.png) no-repeat left;
     width: 1280px;
     height: 80px;
     margin: auto;
diff --git a/ui/stylesheets/csui/_login.scss b/ui/stylesheets/csui/_login.scss
index 7324a6ff7e4..5a664c653aa 100644
--- a/ui/stylesheets/csui/_login.scss
+++ b/ui/stylesheets/csui/_login.scss
@@ -2,6 +2,8 @@
   height: 100%;
   min-height: 630px;
 
+  background-color: #385770;
+
   @include background(
     url(csui/img/login/brand-logo.png),
     url(csui/img/login/bottom-bar.png),
@@ -16,6 +18,7 @@
   form {
     @include row;
 
+    background-color: #000812;
     background: rgba(#000812, 0.8);
     padding-top: 60px;
     padding-bottom: 60px;
@@ -24,17 +27,15 @@
 
     .logo {
       @include shift(2);
-      @include span-columns(3);
+      @include span-columns(4);
 
-      background: url(csui/img/logo-main.png) no-repeat top center;
-      background-size: contain;
+      background: url(csui/img/login/logo.png) no-repeat top center;
       float: left;
       height: 300px;
     }
 
     .fields {
       @include span-columns(3);
-      @include shift(1);
 
       color: white;
 
diff --git a/ui/stylesheets/csui/img/header/logo.png b/ui/stylesheets/csui/img/header/logo.png
new file mode 100644
index 00000000000..c9c5a374b09
Binary files /dev/null and b/ui/stylesheets/csui/img/header/logo.png differ
diff --git a/ui/stylesheets/csui/img/login/brand-logo.png b/ui/stylesheets/csui/img/login/brand-logo.png
index cca6540e815..6ad230e32a3 100755
Binary files a/ui/stylesheets/csui/img/login/brand-logo.png and b/ui/stylesheets/csui/img/login/brand-logo.png differ
diff --git a/ui/stylesheets/csui/img/logo-main.png b/ui/stylesheets/csui/img/login/logo.png
similarity index 55%
rename from ui/stylesheets/csui/img/logo-main.png
rename to ui/stylesheets/csui/img/login/logo.png
index 82a0f051810..33adf360f02 100644
Binary files a/ui/stylesheets/csui/img/logo-main.png and b/ui/stylesheets/csui/img/login/logo.png differ