diff --git a/scm-webapp/src/main/webapp/index.html b/scm-webapp/src/main/webapp/index.html
index b1f82ef316..ea2425317d 100644
--- a/scm-webapp/src/main/webapp/index.html
+++ b/scm-webapp/src/main/webapp/index.html
@@ -52,7 +52,7 @@
 
     <!--compress-->
     <link rel="stylesheet" type="text/css" href="resources/extjs/resources/css/ext-all.css" />
-    <link rel="stylesheet" type="text/css" href="resources/extjs/resources/css/xtheme-gray.css" />
+    <link rel="stylesheet" type="text/css" href="resources/extjs/resources/css/xtheme-scmslate.css" />
     <link rel="stylesheet" type="text/css" href="resources/css/style.css" />
 
     <!-- extjs -->
@@ -164,8 +164,7 @@
 
       <div id="header" style="visibility: visible; ">
         <div id="appTitle" class="left-side">
-          <h1>SCM Manager</h1>
-          <p>SCM Repository Management</p>
+          <img src="resources/images/scm-logo.jpg" alt="SCM Manager">
         </div>
         <div  id="logo" class="right-side">
           <!--
diff --git a/scm-webapp/src/main/webapp/resources/css/style.css b/scm-webapp/src/main/webapp/resources/css/style.css
index 0c1afac394..1ce93ceb6d 100644
--- a/scm-webapp/src/main/webapp/resources/css/style.css
+++ b/scm-webapp/src/main/webapp/resources/css/style.css
@@ -67,20 +67,9 @@ a.scm-link:hover {
   cursor: pointer;
 }
 
-#header {
-  margin: 5px;
-}
-
-#appTitle {
-  color: #004077;
-  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
-  margin-top: 20px;
-  font-size: 14px;
-}
-
-#appTitle h1 {
-  font-size: 24px;
-  font-weight: bold;
+#north-panel {
+  background-image: url(../images/header-backgound.jpg);
+  background-repeat: repeat-x;
 }
 
 .right-side {
diff --git a/scm-webapp/src/main/webapp/resources/images/header-backgound.jpg b/scm-webapp/src/main/webapp/resources/images/header-backgound.jpg
new file mode 100644
index 0000000000..fdfe432e09
Binary files /dev/null and b/scm-webapp/src/main/webapp/resources/images/header-backgound.jpg differ
diff --git a/scm-webapp/src/main/webapp/resources/images/scm-logo.jpg b/scm-webapp/src/main/webapp/resources/images/scm-logo.jpg
new file mode 100644
index 0000000000..993febc37e
Binary files /dev/null and b/scm-webapp/src/main/webapp/resources/images/scm-logo.jpg differ
diff --git a/scm-webapp/src/main/webapp/resources/js/sonia.scm.js b/scm-webapp/src/main/webapp/resources/js/sonia.scm.js
index 3c9e9b7aa8..03df5d8ca9 100644
--- a/scm-webapp/src/main/webapp/resources/js/sonia.scm.js
+++ b/scm-webapp/src/main/webapp/resources/js/sonia.scm.js
@@ -489,7 +489,7 @@ Ext.onReady(function(){
       region: 'north',
       id: 'north-panel',
       contentEl: 'north',
-      height: 75
+      height: 60
     }), {
       region: 'west',
       id: 'navigationPanel',