diff --git a/web/build/filter.js b/web/build/filter.js
index 08372c2..20349b7 100644
--- a/web/build/filter.js
+++ b/web/build/filter.js
@@ -27,7 +27,7 @@ function init(React){
 						)
 					), 
 				    React.createElement("p", null, 
-					    React.createElement("i", {className: "uk-icon-gift"}), "  type ", React.createElement("strong", null, "/id=\\d", 3, "/"), " will give you all the logs containing ", React.createElement("strong", null, "id=123")
+					    React.createElement("i", {className: "uk-icon-magic"}), "  type ", React.createElement("strong", null, "/id=\\d", 3, "/"), " will give you all the logs containing ", React.createElement("strong", null, "id=123")
 				    )
 				)
 			);
diff --git a/web/build/index.js b/web/build/index.js
index e8d5aca..2e4b948 100644
--- a/web/build/index.js
+++ b/web/build/index.js
@@ -190,14 +190,14 @@ var recorder;
 		}
 
 		$(".J_showFilter").on("click",function(){
-			showPop({ left:"50%", content:React.createElement(PopupContent["filter"], {onChangeKeyword : updateKeyword})});
+			showPop({ left:"60%", content:React.createElement(PopupContent["filter"], {onChangeKeyword : updateKeyword})});
 		});
 	})();
 
 	//map local
 	(function(){
 		$(".J_showMapPanel").on("click",function(){
-			showPop({left:"40%", content:React.createElement(PopupContent["map"],null)});
+			showPop({left:"60%", content:React.createElement(PopupContent["map"],null)});
 		});
 	})();
 
diff --git a/web/page.js b/web/page.js
index f315915..dd4de42 100644
--- a/web/page.js
+++ b/web/page.js
@@ -236,14 +236,14 @@
 			}
 
 			$(".J_showFilter").on("click",function(){
-				showPop({ left:"50%", content:React.createElement(PopupContent["filter"], {onChangeKeyword : updateKeyword})});
+				showPop({ left:"60%", content:React.createElement(PopupContent["filter"], {onChangeKeyword : updateKeyword})});
 			});
 		})();
 
 		//map local
 		(function(){
 			$(".J_showMapPanel").on("click",function(){
-				showPop({left:"40%", content:React.createElement(PopupContent["map"],null)});
+				showPop({left:"60%", content:React.createElement(PopupContent["map"],null)});
 			});
 		})();
 
@@ -20407,7 +20407,7 @@
 							)
 						), 
 					    React.createElement("p", null, 
-						    React.createElement("i", {className: "uk-icon-gift"}), "  type ", React.createElement("strong", null, "/id=\\d", 3, "/"), " will give you all the logs containing ", React.createElement("strong", null, "id=123")
+						    React.createElement("i", {className: "uk-icon-magic"}), "  type ", React.createElement("strong", null, "/id=\\d", 3, "/"), " will give you all the logs containing ", React.createElement("strong", null, "id=123")
 					    )
 					)
 				);
diff --git a/web/src/filter.js b/web/src/filter.js
index 1ac273c..1d54757 100644
--- a/web/src/filter.js
+++ b/web/src/filter.js
@@ -27,7 +27,7 @@ function init(React){
 						</form>
 					</div>
 				    <p>
-					    <i className="uk-icon-gift"></i>&nbsp;&nbsp;type <strong>/id=\d{3}/</strong> will give you all the logs containing <strong>id=123</strong>
+					    <i className="uk-icon-magic"></i>&nbsp;&nbsp;type <strong>/id=\d{3}/</strong> will give you all the logs containing <strong>id=123</strong>
 				    </p>
 				</div>
 			);
diff --git a/web/src/index.js b/web/src/index.js
index fe21237..c8fb94e 100644
--- a/web/src/index.js
+++ b/web/src/index.js
@@ -190,14 +190,14 @@ var recorder;
 		}
 
 		$(".J_showFilter").on("click",function(){
-			showPop({ left:"50%", content:React.createElement(PopupContent["filter"], {onChangeKeyword : updateKeyword})});
+			showPop({ left:"60%", content:React.createElement(PopupContent["filter"], {onChangeKeyword : updateKeyword})});
 		});
 	})();
 
 	//map local
 	(function(){
 		$(".J_showMapPanel").on("click",function(){
-			showPop({left:"40%", content:React.createElement(PopupContent["map"],null)});
+			showPop({left:"60%", content:React.createElement(PopupContent["map"],null)});
 		});
 	})();