diff --git a/ui/css/cloudstack3.css b/ui/css/cloudstack3.css
index b0d8f33fe73..b1b16d8afcc 100644
--- a/ui/css/cloudstack3.css
+++ b/ui/css/cloudstack3.css
@@ -1680,6 +1680,15 @@ div.detail-group.actions td {
 }
 
 #header div.logo {
+  width: 170px;
+  height: 47px;
+  position: relative;
+  float: left;
+  margin: 4px 0 0 19px;
+  background: url(../images/logo-cloudplatform.png) no-repeat 0 center;
+}
+
+#header.nologo div.logo {
   width: 170px;
   height: 47px;
   position: relative;
diff --git a/ui/images/logo-cloudplatform.png b/ui/images/logo-cloudplatform.png
new file mode 100644
index 00000000000..f749ec74d6a
Binary files /dev/null and b/ui/images/logo-cloudplatform.png differ
diff --git a/ui/images/logo-login.png b/ui/images/logo-login.png
index e91be3b29ad..0c7e38e665e 100644
Binary files a/ui/images/logo-login.png and b/ui/images/logo-login.png differ
diff --git a/ui/scripts/ui/core.js b/ui/scripts/ui/core.js
index 3f658049e3f..5a1b2293612 100644
--- a/ui/scripts/ui/core.js
+++ b/ui/scripts/ui/core.js
@@ -315,7 +315,7 @@
     }
 
     // Hide logo conditionally
-    if (!args.hasLogo) $('#header .controls').addClass('nologo');
+    if (!args.hasLogo) $('#header, #header .controls').addClass('nologo');
 
     return this;
   };