diff --git a/lib/rule_default.js b/lib/rule_default.js
index c306e68..cdba36f 100644
--- a/lib/rule_default.js
+++ b/lib/rule_default.js
@@ -10,7 +10,7 @@ var mapConfig = [];
 
 module.exports = {
     summary:function(){
-        var tip = "the default rule for AnyProxy which supports CORS. ";
+        var tip = "the default rule for AnyProxy which supports CORS.";
         if(!isRootCAFileExists){
             tip += "\nRoot CA does not exist, will not intercept any https requests.";
         }
diff --git a/web/css/page.css b/web/css/page.css
index dee8af2..9e14fbc 100644
--- a/web/css/page.css
+++ b/web/css/page.css
@@ -62,8 +62,11 @@ body, html {
 }
 
 .topHead .ctrlWrapper{
-	height: 26px;
-	line-height: 26px;
+	height        : 26px;
+	line-height   : 26px;
+	overflow      : hidden;
+	text-overflow : ellipsis;
+	white-space   : nowrap;
 }
 
 .topHead .ctrlWrapper .sep{
diff --git a/web/index.html b/web/index.html
index 482850f..689e34b 100644
--- a/web/index.html
+++ b/web/index.html
@@ -44,7 +44,7 @@
 				<span class="sep">|</span>
 			{@/if}
 
-			<span><i class="uk-icon-chain"></i>Rule : ${rule}</span>
+			<span title="${rule}"><i class="uk-icon-chain"></i>Rule : ${rule}</span>
 		</div>
 
 		<div style="clear:both"></div>