diff --git a/xCAT-UI/css/style.css b/xCAT-UI/css/style.css
index dde8a8f42..69bc6b1b5 100644
--- a/xCAT-UI/css/style.css
+++ b/xCAT-UI/css/style.css
@@ -45,7 +45,7 @@
 	cursor: pointer;
 	float: left;
 	font: 14px verdana, arial, helvetica, sans-serif;
-	color: #424242;;
+	color: #424242;
 	padding: 11px 30px;
 }
 
@@ -53,20 +53,27 @@
 	background-color: #A9D0F5;
 }
 
-/* for usernamed login */
-#header div {
-	float: right;
-	margin-right: 10px;
-	padding-right: 5px;
-	text-align: right;
-	font-size: 1em; 
-}
+/* User name and log out */	
 #header div span {
-	color: yellow;
+	color: #424242;
+	padding: 2px 15px 0px 2px; /* Top right left bottom*/
+	text-align: right;
+	text-decoration: none;
+	display: block;
 }
+
 #header div a {
-	color: #ddd;
+	padding: 2px 15px 0px 2px; /* Top right left bottom*/
+	text-align: right;
+	color: #0000FF;
+	text-decoration: none;
+	display: block;
 }
+
+#header div a:hover {
+	color: #FF0000;
+}
+
 /****************** Content section ******************/
 body {
 	background-color: #1C1C1C;
diff --git a/xCAT-UI/lib/ui.php b/xCAT-UI/lib/ui.php
index a5d228eb5..cc4e87d95 100644
--- a/xCAT-UI/lib/ui.php
+++ b/xCAT-UI/lib/ui.php
@@ -34,10 +34,14 @@ function loadPage(){
 				<li><a href="monitor.php" class="top_link">Monitor</a></li>
 			</ul>';
 			
-	 if (isset($_SESSION['username'])){
-	 	echo "<div id='musername'>user: <span> {$_SESSION['username']}</span>".
-			 "<br><a href='lib/logout.php'>log out</a></div>";
-	 }
+	// User name and log out section
+	if (isset($_SESSION['username'])){
+		echo 
+			"<div>
+				<span>User: {$_SESSION['username']}</span>
+				<a href='lib/logout.php'>Log out</a>
+			</div>";
+	}
 
 	echo '</div>';
 	// Content