diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js
index 02815546af7..fb791526c73 100644
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js
+++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.js
@@ -23,7 +23,9 @@ class Dashboard extends React.Component {
         return (
             <Layout className="layout">
                 <Header>
-                    <div style={{backgroundImage: "url(" + { Logo} + ")"}} className={styles.logo}/>
+                    <div className={styles.logo}>
+                        <img src={Logo}/>
+                    </div>
                     <Menu
                         theme="light"
                         mode="horizontal"
diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.less b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.less
index 483f13e1170..86035d91f13 100644
--- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.less
+++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/Dashboard.less
@@ -1,7 +1,10 @@
 .logo {
   width: 120px;
   height: 31px;
-  background: rgba(0,0,0,.2);
-  margin: 16px 24px 16px 0;
+  margin: 16px 0 16px 20px;
   float: left;
+
+  img{
+    height: 35px;
+  }
 }
\ No newline at end of file