diff --git a/package.json b/package.json
index 69e194e..3df7701 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "anyproxy",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "description": "A fully configurable proxy in NodeJS, which can handle HTTPS requests perfectly.",
   "main": "proxy.js",
   "bin": {
diff --git a/test/test.js b/test/test.js
index 83b6e13..5205cfe 100644
--- a/test/test.js
+++ b/test/test.js
@@ -21,7 +21,7 @@ exports.avalibility = function(test){
 	//test web socket
     setTimeout(function(){
     	var ws = new WebSocket('ws://127.0.0.1:' + SOCKET_PORT , {
-    	  protocolVersion: 8
+    	   protocolVersion: 8
     	});
     	 
     	ws.on('open', function open(){});
diff --git a/web/build/recordPanel.js b/web/build/recordPanel.js
index 96a107d..59cb492 100644
--- a/web/build/recordPanel.js
+++ b/web/build/recordPanel.js
@@ -28,7 +28,7 @@ function init(React){
 				React.createElement("table", {className: "uk-table uk-table-condensed uk-table-hover"}, 
 					React.createElement("thead", null, 
 						React.createElement("tr", null, 
-							React.createElement("th", {className: "col_id"}, "id"), 
+							React.createElement("th", {className: "col_id"}, "#"), 
 							React.createElement("th", {className: "col_method"}, "method"), 
 							React.createElement("th", {className: "col_code"}, "code"), 
 							React.createElement("th", {className: "col_host"}, "host"), 
diff --git a/web/css/page.css b/web/css/page.css
index df9f398..4758bc4 100644
--- a/web/css/page.css
+++ b/web/css/page.css
@@ -118,7 +118,7 @@ body, html {
 
 .mainTableWrapper thead{
 	background: #F4F5F9;
-	border-bottom: 1px solid #777;
+	border-bottom: 1px solid #AAA;
 }
 
 .mainTableWrapper td,
@@ -127,6 +127,8 @@ body, html {
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
+	font-size: 12px;
+	line-height: 16px;
 }
 
 .mainTableWrapper tbody tr{
diff --git a/web/page.js b/web/page.js
index 55d46fb..8f295cb 100644
--- a/web/page.js
+++ b/web/page.js
@@ -419,7 +419,7 @@
 					React.createElement("table", {className: "uk-table uk-table-condensed uk-table-hover"}, 
 						React.createElement("thead", null, 
 							React.createElement("tr", null, 
-								React.createElement("th", {className: "col_id"}, "id"), 
+								React.createElement("th", {className: "col_id"}, "#"), 
 								React.createElement("th", {className: "col_method"}, "method"), 
 								React.createElement("th", {className: "col_code"}, "code"), 
 								React.createElement("th", {className: "col_host"}, "host"), 
diff --git a/web/src/recordPanel.js b/web/src/recordPanel.js
index 9dbdd6d..7ce041d 100644
--- a/web/src/recordPanel.js
+++ b/web/src/recordPanel.js
@@ -28,7 +28,7 @@ function init(React){
 				<table className="uk-table uk-table-condensed uk-table-hover">
 					<thead>
 						<tr>
-							<th className="col_id">id</th>
+							<th className="col_id">#</th>
 							<th className="col_method">method</th>
 							<th className="col_code">code</th>
 							<th className="col_host">host</th>