diff --git a/web/html/settings/xray/outbounds.html b/web/html/settings/xray/outbounds.html
index 9f2b8a8a..0837a223 100644
--- a/web/html/settings/xray/outbounds.html
+++ b/web/html/settings/xray/outbounds.html
@@ -10,14 +10,16 @@
             </a-space>
         </a-col>
         <a-col :xs="12" :sm="12" :lg="12" :style="{ textAlign: 'right' }">
-            <a-icon type="sync" :spin="refreshing" @click="refreshOutboundTraffic()" :style="{ margin: '0 5px' }"></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="{ color: themeSwitcher.isDarkTheme ? '#008771' : '#008771' }"></a-icon>
-                <a-icon type="retweet" :style="{ cursor: 'pointer' }"></a-icon>
-            </a-popconfirm>
+            <a-button-group>
+                <a-button icon="sync" @click="refreshOutboundTraffic()" :loading="refreshing"></a-button>
+                <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="{ color: themeSwitcher.isDarkTheme ? '#008771' : '#008771' }"></a-icon>
+                    <a-button icon="retweet"></a-button>
+                </a-popconfirm>
+            </a-button-group>
         </a-col>
     </a-row>
     <a-table :columns="outboundColumns" bordered :row-key="r => r.key" :data-source="outboundData"