diff --git a/xCAT-UI/css/style.css b/xCAT-UI/css/style.css
index b3d4b05dc..da94e778b 100644
--- a/xCAT-UI/css/style.css
+++ b/xCAT-UI/css/style.css
@@ -15,6 +15,7 @@
 
 /****************** Header ******************/
 #header {
+	height : 40px;
 	width: 1000px;
 	margin: 0px auto;
 	background: url(../images/header-gloss-wave.png) 50% 50% repeat-x;
@@ -25,6 +26,7 @@
 }
 
 #header ul {
+	float : left;
 	list-style: none;
 	padding: 0 0 0 30px;
 	margin: 0;
@@ -51,6 +53,20 @@
 	background-color: #A9D0F5;
 }
 
+/* for usernamed login */
+#header div {
+	float: right;
+	margin-right: 10px;
+	padding-right: 5px;
+	text-align: right;
+	font-size: 1em; 
+}
+#header div span {
+	color: yellow;
+}
+#header div a {
+	color: #ddd;
+}
 /****************** Content section ******************/
 body {
 	background-color: #1C1C1C;
diff --git a/xCAT-UI/lib/ui.php b/xCAT-UI/lib/ui.php
index 06a94adc7..a5d228eb5 100644
--- a/xCAT-UI/lib/ui.php
+++ b/xCAT-UI/lib/ui.php
@@ -32,9 +32,14 @@ function loadPage(){
 				<li><a href="configure.php" class="top_link">Configure</a></li>
 				<li><a href="provision.php" class="top_link">Provision</a></li>
 				<li><a href="monitor.php" class="top_link">Monitor</a></li>
-			</ul>
-		</div>';
+			</ul>';
+			
+	 if (isset($_SESSION['username'])){
+	 	echo "<div id='musername'>user: <span> {$_SESSION['username']}</span>".
+			 "<br><a href='lib/logout.php'>log out</a></div>";
+	 }
 
+	echo '</div>';
 	// Content
 	echo '<div class="content" id="content"></div>';