diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl
index 93002b1e3..75496aed5 100755
--- a/templates/base/head.tmpl
+++ b/templates/base/head.tmpl
@@ -206,7 +206,7 @@ var _hmt = _hmt || [];
 						{{.notice.Title}}
 					</marquee>
 				</a>
-				<i class="icon icon-octicon x_icon" onclick="closeNoice()">{{svg "octicon-x" 16}}</i>
+				<i class="ri-close-fill x_icon" onclick="closeNoice()"></i>
 			</div>
 		{{end}}
 {{/*
diff --git a/templates/base/head_fluid.tmpl b/templates/base/head_fluid.tmpl
index c54ca0fed..5878bfb13 100644
--- a/templates/base/head_fluid.tmpl
+++ b/templates/base/head_fluid.tmpl
@@ -207,7 +207,7 @@ var _hmt = _hmt || [];
 						{{.notice.Title}}
 					</marquee>
 				</a>
-				<i class="icon icon-octicon x_icon" onclick="closeNoice()">{{svg "octicon-x" 16}}</i>
+				<i class="ri-close-fill x_icon" onclick="closeNoice()"></i>
 			</div>
 		{{end}}
 {{/*
diff --git a/templates/base/head_home.tmpl b/templates/base/head_home.tmpl
index a01428d8f..fc5a94c0c 100644
--- a/templates/base/head_home.tmpl
+++ b/templates/base/head_home.tmpl
@@ -211,7 +211,7 @@ var _hmt = _hmt || [];
 						{{.notice.Title}}
 					</marquee>
 				</a>
-				<i class="icon icon-octicon x_icon" onclick="closeNoice()">{{svg "octicon-x" 16}}</i>
+				<i class="ri-close-fill x_icon" onclick="closeNoice()"></i>
 			</div>
 		{{end}}
 {{/*
diff --git a/web_src/less/openi.less b/web_src/less/openi.less
index dd107e8f0..a0b533173 100644
--- a/web_src/less/openi.less
+++ b/web_src/less/openi.less
@@ -599,6 +599,9 @@ display: block;
 .x_icon{
 	float: right!important;
 	margin-right: 15px !important;
+	color: rgb(0,0,0) !important;
+    font-size: 20px !important;
+    font-weight: bold !important;
 }
 .a_width{
 	width: 50% !important;