diff --git a/xCAT-UI/css/main.css b/xCAT-UI/css/main.css
index 6f684a650..ece578ddb 100644
--- a/xCAT-UI/css/main.css
+++ b/xCAT-UI/css/main.css
@@ -119,11 +119,11 @@ a.button:active span {
 #rangedisplay {
 	float: left;
 	text-align: left;
-	width: 700px;
+	width: auto;
 }
 #nrtree {
 	float: left;
-	width: 150px;
+	width: auto;
 	border-right: 1px dotted #555;
 }
 
@@ -318,3 +318,9 @@ padding:10px 2px;
 	paddint-right: 0;
 
 }
+
+#ositree {
+    float: left;
+    width: auto;
+    border-right: 1px dotted #555;
+}
\ No newline at end of file
diff --git a/xCAT-UI/lib/display.php b/xCAT-UI/lib/display.php
index 0f199fd55..39b4c4016 100644
--- a/xCAT-UI/lib/display.php
+++ b/xCAT-UI/lib/display.php
@@ -332,7 +332,8 @@ function displayNrTree(){
 echo <<<EOS
 <div id=nrtree></div>
 <div id='rangedisplay' class='mContent'><h1>Please select a node or noderange on the left.</h1>
-You can use ctrl-click to select more than one node grouping, or expand the noderanges to select individual nodes.</div>
+<p>You can use ctrl-click to select more than one node grouping, </p>
+<p>or expand the noderanges to select individual nodes.</p></div>
 <script type="text/javascript" type"utf-8">
 	initTree();
 </script>