diff --git a/web/assets/js/util/common.js b/web/assets/js/util/common.js
index e4f6a95c..97f8819e 100644
--- a/web/assets/js/util/common.js
+++ b/web/assets/js/util/common.js
@@ -5,112 +5,109 @@ const ONE_TB = ONE_GB * 1024;
 const ONE_PB = ONE_TB * 1024;
 
 function sizeFormat(size) {
-    if (size < ONE_KB) {
-        return size.toFixed(0) + " B";
-    } else if (size < ONE_MB) {
-        return (size / ONE_KB).toFixed(2) + " KB";
-    } else if (size < ONE_GB) {
-        return (size / ONE_MB).toFixed(2) + " MB";
-    } else if (size < ONE_TB) {
-        return (size / ONE_GB).toFixed(2) + " GB";
-    } else if (size < ONE_PB) {
-        return (size / ONE_TB).toFixed(2) + " TB";
-    } else {
-        return (size / ONE_PB).toFixed(2) + " PB";
-    }
+  if (size < ONE_KB) {
+    return size.toFixed(0) + " B";
+  } else if (size < ONE_MB) {
+    return (size / ONE_KB).toFixed(2) + " KB";
+  } else if (size < ONE_GB) {
+    return (size / ONE_MB).toFixed(2) + " MB";
+  } else if (size < ONE_TB) {
+    return (size / ONE_GB).toFixed(2) + " GB";
+  } else if (size < ONE_PB) {
+    return (size / ONE_TB).toFixed(2) + " TB";
+  } else {
+    return (size / ONE_PB).toFixed(2) + " PB";
+  }
 }
 
 function base64(str) {
-    return Base64.encode(str);
+  return Base64.encode(str);
 }
 
 function safeBase64(str) {
-    return base64(str)
-        .replace(/\+/g, '-')
-        .replace(/=/g, '')
-        .replace(/\//g, '_');
+  return base64(str).replace(/\+/g, "-").replace(/=/g, "").replace(/\//g, "_");
 }
 
 function formatSecond(second) {
-    if (second < 60) {
-        return second.toFixed(0) + ' s';
-    } else if (second < 3600) {
-        return (second / 60).toFixed(0) + ' m';
-    } else if (second < 3600 * 24) {
-        return (second / 3600).toFixed(0) + ' h';
-    } else {
-        return (second / 3600 / 24).toFixed(0) + ' d';
-    }
+  if (second < 60) {
+    return second.toFixed(0) + " s";
+  } else if (second < 3600) {
+    return (second / 60).toFixed(0) + " m";
+  } else if (second < 3600 * 24) {
+    return (second / 3600).toFixed(0) + " h";
+  } else {
+    return (second / 3600 / 24).toFixed(0) + " d";
+  }
 }
 
 function addZero(num) {
-    if (num < 10) {
-        return "0" + num;
-    } else {
-        return num;
-    }
+  if (num < 10) {
+    return "0" + num;
+  } else {
+    return num;
+  }
 }
 
 function toFixed(num, n) {
-    n = Math.pow(10, n);
-    return Math.round(num * n) / n;
+  n = Math.pow(10, n);
+  return Math.round(num * n) / n;
 }
 
 function debounce(fn, delay) {
-    var timeoutID = null;
-    return function () {
-        clearTimeout(timeoutID);
-        var args = arguments;
-        var that = this;
-        timeoutID = setTimeout(function () {
-            fn.apply(that, args);
-        }, delay);
-    };
+  var timeoutID = null;
+  return function () {
+    clearTimeout(timeoutID);
+    var args = arguments;
+    var that = this;
+    timeoutID = setTimeout(function () {
+      fn.apply(that, args);
+    }, delay);
+  };
 }
 
 function getCookie(cname) {
-    let name = cname + "=";
-    let decodedCookie = decodeURIComponent(document.cookie);
-    let ca = decodedCookie.split(";");
-    for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) == " ") {
-            c = c.substring(1);
-        }
-        if (c.indexOf(name) == 0) {
-            return c.substring(name.length, c.length);
-        }
+  let name = cname + "=";
+  let decodedCookie = decodeURIComponent(document.cookie);
+  let ca = decodedCookie.split(";");
+  for (let i = 0; i < ca.length; i++) {
+    let c = ca[i];
+    while (c.charAt(0) == " ") {
+      c = c.substring(1);
     }
-    return "";
+    if (c.indexOf(name) == 0) {
+      return c.substring(name.length, c.length);
+    }
+  }
+  return "";
 }
 
 function setCookie(cname, cvalue, exdays) {
-    const d = new Date();
-    d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
-    let expires = "expires=" + d.toUTCString();
-    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+  const d = new Date();
+  d.setTime(d.getTime() + exdays * 24 * 60 * 60 * 1000);
+  let expires = "expires=" + d.toUTCString();
+  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
 }
 
 function usageColor(data, threshold, total) {
-    switch (true) {
-        case data === null:
-            return "blue";
-        case total <= 0:
-            return "blue";
-        case data < total - threshold:
-            return "cyan";
-        case data < total:
-            return "orange";
-        default:
-            return "red";
-    }
+  switch (true) {
+    case data === null:
+      return "blue";
+    case total <= 0:
+      return "blue";
+    case data < total - threshold:
+      return "cyan";
+    case data < total:
+      return "orange";
+    default:
+      return "red";
+  }
 }
 
 function areAllItemsExist(array1, array2) {
-    for (let i = 0; i < array1.length; i++) {
-        if (!array2.includes(array1[i])) {
-            return false;
-        }
+  for (let i = 0; i < array1.length; i++) {
+    if (!array2.includes(array1[i])) {
+      return false;
     }
-    return true;
+  }
+  return true;
 }
diff --git a/web/html/xui/form/tls_settings.html b/web/html/xui/form/tls_settings.html
index 54ec7ef8..a078fcc0 100644
--- a/web/html/xui/form/tls_settings.html
+++ b/web/html/xui/form/tls_settings.html
@@ -18,14 +18,15 @@
             <td>
                 <a-form-item placeholder="Server Name Indication" v-if="inbound.tls">
                     <a-input v-model.trim="inbound.stream.tls.settings.serverName" style="width: 250px"></a-input>
-                </a-form-item>                
+                </a-form-item>
             </td>
         </tr>
         <tr>
             <td>CipherSuites</td>
             <td>
                 <a-form-item>
-                    <a-select v-model="inbound.stream.tls.cipherSuites" style="width: 250px" :dropdown-class-name="themeSwitcher.darkCardClass">
+                    <a-select v-model="inbound.stream.tls.cipherSuites" style="width: 250px"
+                        :dropdown-class-name="themeSwitcher.darkCardClass">
                         <a-select-option value="">auto</a-select-option>
                         <a-select-option v-for="key in TLS_CIPHER_OPTION" :value="key">[[ key ]]</a-select-option>
                     </a-select>
@@ -36,7 +37,8 @@
             <td>MinVersion</td>
             <td>
                 <a-form-item>
-                    <a-select v-model="inbound.stream.tls.minVersion" :dropdown-class-name="themeSwitcher.darkCardClass">
+                    <a-select v-model="inbound.stream.tls.minVersion"
+                        :dropdown-class-name="themeSwitcher.darkCardClass">
                         <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
                     </a-select>
                 </a-form-item>
@@ -46,7 +48,8 @@
             <td>MaxVersion</td>
             <td>
                 <a-form-item>
-                    <a-select v-model="inbound.stream.tls.maxVersion" :dropdown-class-name="themeSwitcher.darkCardClass">
+                    <a-select v-model="inbound.stream.tls.maxVersion"
+                        :dropdown-class-name="themeSwitcher.darkCardClass">
                         <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
                     </a-select>
                 </a-form-item>
@@ -56,8 +59,8 @@
             <td>uTLS</td>
             <td>
                 <a-form-item>
-                    <a-select v-model="inbound.stream.tls.settings.fingerprint"
-                              style="width: 250px" :dropdown-class-name="themeSwitcher.darkCardClass">
+                    <a-select v-model="inbound.stream.tls.settings.fingerprint" style="width: 250px"
+                        :dropdown-class-name="themeSwitcher.darkCardClass">
                         <a-select-option value=''>None</a-select-option>
                         <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
                     </a-select>
@@ -96,56 +99,60 @@
                     <a-form-item label='{{ i18n "certificate" }}'>
                         <a-radio-group v-model="cert.useFile" button-style="solid">
                             <a-radio-button :value="true">{{ i18n "pages.inbounds.certificatePath" }}</a-radio-button>
-                            <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent" }}</a-radio-button>
-                            <a-button type="primary" size="small" @click="inbound.stream.tls.addCert()" style="margin: 0 10px">+</a-button>
-                            <a-button v-if="inbound.stream.tls.certs.length>1" type="primary" size="small" @click="inbound.stream.tls.removeCert(index)">-</a-button>        
+                            <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent"
+                                }}</a-radio-button>
+                            <a-button type="primary" size="small" @click="inbound.stream.tls.addCert()"
+                                style="margin: 0 10px">+</a-button>
+                            <a-button v-if="inbound.stream.tls.certs.length>1" type="primary" size="small"
+                                @click="inbound.stream.tls.removeCert(index)">-</a-button>
                         </a-radio-group>
                     </a-form-item>
                 </td>
             </tr>
             <template v-if="cert.useFile">
-            <tr>
-                <td>{{ i18n "pages.inbounds.publicKeyPath" }}</td>
-                <td>
-                    <a-form-item>
-                        <a-input v-model.trim="cert.certFile" style="width:250px;"></a-input>
-                    </a-form-item>
-                </td>
-            </tr>
-            <tr>
-                <td>{{ i18n "pages.inbounds.keyPath" }}</td>
-                <td>
-                    <a-form-item>
-                        <a-input v-model.trim="cert.keyFile" style="width:250px;"></a-input>
-                    </a-form-item>
-                </td>
-            </tr>
-            <tr>
-                <td></td>
-                <td>
-                    <a-button type="primary" icon="import" @click="setDefaultCertData(index)">{{ i18n "pages.inbounds.setDefaultCert" }}</a-button>
-                </td>
-            </tr>
+                <tr>
+                    <td>{{ i18n "pages.inbounds.publicKeyPath" }}</td>
+                    <td>
+                        <a-form-item>
+                            <a-input v-model.trim="cert.certFile" style="width:250px;"></a-input>
+                        </a-form-item>
+                    </td>
+                </tr>
+                <tr>
+                    <td>{{ i18n "pages.inbounds.keyPath" }}</td>
+                    <td>
+                        <a-form-item>
+                            <a-input v-model.trim="cert.keyFile" style="width:250px;"></a-input>
+                        </a-form-item>
+                    </td>
+                </tr>
+                <tr>
+                    <td></td>
+                    <td>
+                        <a-button type="primary" icon="import" @click="setDefaultCertData(index)">{{ i18n
+                            "pages.inbounds.setDefaultCert" }}</a-button>
+                    </td>
+                </tr>
+            </template>
+            <template v-else>
+                <tr>
+                    <td>{{ i18n "pages.inbounds.publicKeyContent" }}</td>
+                    <td>
+                        <a-form-item>
+                            <a-input type="textarea" :rows="3" style="width:250px;" v-model="cert.cert"></a-input>
+                        </a-form-item>
+                    </td>
+                </tr>
+                <tr>
+                    <td>{{ i18n "pages.inbounds.keyContent" }}</td>
+                    <td>
+                        <a-form-item>
+                            <a-input type="textarea" :rows="3" style="width:250px;" v-model="cert.key"></a-input>
+                        </a-form-item>
+                    </td>
+                </tr>
+            </template>
         </template>
-        <template v-else>
-            <tr>
-                <td>{{ i18n "pages.inbounds.publicKeyContent" }}</td>
-                <td>
-                    <a-form-item>
-                        <a-input type="textarea" :rows="3" style="width:250px;" v-model="cert.cert"></a-input>
-                    </a-form-item>
-                </td>
-            </tr>
-            <tr>
-                <td>{{ i18n "pages.inbounds.keyContent" }}</td>
-                <td>
-                    <a-form-item>
-                        <a-input type="textarea" :rows="3" style="width:250px;" v-model="cert.key"></a-input>
-                    </a-form-item>
-                </td>
-            </tr>
-        </template>
-    </template>
     </table>
 </a-form>
 
@@ -165,7 +172,7 @@
             <td>
                 <a-form-item>
                     <a-switch v-model="inbound.stream.reality.show"></a-switch>
-                </a-form-item>                
+                </a-form-item>
             </td>
         </tr>
         <tr>
@@ -180,8 +187,8 @@
             <td>uTLS</td>
             <td>
                 <a-form-item>
-                    <a-select v-model="inbound.stream.reality.settings.fingerprint"
-                              style="width: 250px" :dropdown-class-name="themeSwitcher.darkCardClass">
+                    <a-select v-model="inbound.stream.reality.settings.fingerprint" style="width: 250px"
+                        :dropdown-class-name="themeSwitcher.darkCardClass">
                         <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
                     </a-select>
                 </a-form-item>