diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index 506a0439b..3be337638 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -755,8 +755,8 @@ style attribute {
 .dark .ant-btn-danger[disabled],
 .dark .ant-calendar-ok-btn-disabled {
     color: rgb(255 255 255 / 35%);
-    background-color: var(--dark-color-surface-300);
-    border-color: #42516c;
+    background-color: var(--dark-color-surface-200);
+    border-color: var(--dark-color-surface-300);
 }
 
 .dark
diff --git a/web/html/xui/settings.html b/web/html/xui/settings.html
index f9f2aba78..f2f27382e 100644
--- a/web/html/xui/settings.html
+++ b/web/html/xui/settings.html
@@ -298,8 +298,8 @@
                                 <setting-list-item type="switch" title='Mux' v-model="enableMux"></setting-list-item>
                                 <setting-list-item type="switch" title='{{ i18n "pages.xray.directCountryConfigs"}}' desc='{{ i18n "pages.xray.directCountryConfigsDesc"}}' v-model="enableDirect"></setting-list-item>
                             </a-list>
-                            <a-collapse v-if="fragment">
-                                <a-collapse-panel header='{{ i18n "pages.settings.fragment"}}'>
+                            <a-collapse v-if="fragment || enableMux || enableDirect">
+                                <a-collapse-panel header='{{ i18n "pages.settings.fragment"}}' v-if="fragment">
                                     <a-list-item style="padding: 20px">
                                         <a-row>
                                             <a-col :lg="24" :xl="12">