diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index d023faee..5f957cce 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -813,7 +813,7 @@ style attribute {
 }
 
 .dark .ant-tag-blue {
-    background-color: var(--dark-color-blue-red-bg);
+    background-color: var(--dark-color-tag-blue-bg);
     border-color: var(--dark-color-tag-blue-border);
     color: var(--dark-color-tag-blue-color);
 }
diff --git a/web/html/xui/form/protocol/http.html b/web/html/xui/form/protocol/http.html
index ed0c73b2..a14418a2 100644
--- a/web/html/xui/form/protocol/http.html
+++ b/web/html/xui/form/protocol/http.html
@@ -1,6 +1,6 @@
 {{define "form/http"}}
 <a-form :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
-        <table style="width: 100%; text-align: center; margin-bottom: 10px;">
+        <table style="width: 100%; text-align: center; margin: 1rem 0;">
             <tr>
                 <td width="45%">{{ i18n "username" }}</td>
                 <td width="45%">{{ i18n "password" }}</td>
@@ -18,4 +18,4 @@
             </a-input>
         </a-input-group>
 </a-form>
-{{end}}
\ No newline at end of file
+{{end}}
diff --git a/web/html/xui/form/protocol/socks.html b/web/html/xui/form/protocol/socks.html
index ccaec0d7..105603e5 100644
--- a/web/html/xui/form/protocol/socks.html
+++ b/web/html/xui/form/protocol/socks.html
@@ -11,7 +11,7 @@
         @change="checked => inbound.settings.auth = checked ? 'password' : 'noauth'"></a-switch>
     </a-form-item>
     <template v-if="inbound.settings.auth === 'password'">
-        <table style="width: 100%; text-align: center; margin-bottom: 10px;">
+        <table style="width: 100%; text-align: center; margin: 1rem 0;">
             <tr>
                 <td width="45%">{{ i18n "username" }}</td>
                 <td width="45%">{{ i18n "password" }}</td>
diff --git a/web/html/xui/xray.html b/web/html/xui/xray.html
index 35f5cad7..0e9f15e4 100644
--- a/web/html/xui/xray.html
+++ b/web/html/xui/xray.html
@@ -419,7 +419,14 @@
                                 </a-col>
                                 <a-col :xs="12" :sm="12" :lg="12" style="text-align: right;">
                                     <a-icon type="sync" :spin="refreshing" @click="refreshOutboundTraffic()" style="margin: 0 5px;"></a-icon>
-                                    <a-icon type="retweet" @click="resetOutboundTraffic(-1)"></a-icon>
+                                    <a-popconfirm placement="topRight" @confirm="resetOutboundTraffic(-1)"
+                                        title='{{ i18n "pages.inbounds.resetTrafficContent"}}'
+                                        :overlay-class-name="themeSwitcher.currentTheme"
+                                        ok-text='{{ i18n "reset"}}'
+                                        cancel-text='{{ i18n "cancel"}}'>
+                                        <a-icon slot="icon" type="question-circle-o" :style="themeSwitcher.isDarkTheme ? 'color: #008771' : 'color: #008771'"></a-icon>
+                                        <a-icon type="retweet" style="cursor: pointer;"></a-icon>
+                                    </a-popconfirm>
                                 </a-col>
                             </a-row>
                             <a-table :columns="outboundColumns" bordered