diff --git a/package-lock.json b/package-lock.json
index 32226e5..b6095fe 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "bson": "^6.8.0",
         "core-js": "^3.8.3",
         "crypto": "^1.0.1",
-        "element-plus": "^2.6.3",
+        "element-plus": "^2.9.1",
         "lodash.get": "^4.4.2",
         "mitt": "^3.0.1",
         "onml": "^2.1.0",
@@ -5052,9 +5052,9 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
     },
     "node_modules/debounce": {
       "version": "1.2.1",
@@ -5447,9 +5447,9 @@
       "dev": true
     },
     "node_modules/element-plus": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.6.3.tgz",
-      "integrity": "sha512-U4L/mr+1r+EmAUYUHrs0V/8hHMdBGP07rPymSC72LZCN4jK1UwygQYICegTQ5us4mxeqBvW6wfoEfo003fwCqw==",
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.9.1.tgz",
+      "integrity": "sha512-9Agqf/jt4Ugk7EZ6C5LME71sgkvauPCsnvJN12Xid2XVobjufxMGpRE4L7pS4luJMOmFAH3J0NgYEGZT5r+NDg==",
       "dependencies": {
         "@ctrl/tinycolor": "^3.4.1",
         "@element-plus/icons-vue": "^2.3.1",
@@ -5459,7 +5459,7 @@
         "@types/lodash-es": "^4.17.6",
         "@vueuse/core": "^9.1.0",
         "async-validator": "^4.2.5",
-        "dayjs": "^1.11.3",
+        "dayjs": "^1.11.13",
         "escape-html": "^1.0.3",
         "lodash": "^4.17.21",
         "lodash-es": "^4.17.21",
@@ -15092,9 +15092,9 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "dayjs": {
-      "version": "1.11.10",
-      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz",
-      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
     },
     "debounce": {
       "version": "1.2.1",
@@ -15415,9 +15415,9 @@
       "dev": true
     },
     "element-plus": {
-      "version": "2.6.3",
-      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.6.3.tgz",
-      "integrity": "sha512-U4L/mr+1r+EmAUYUHrs0V/8hHMdBGP07rPymSC72LZCN4jK1UwygQYICegTQ5us4mxeqBvW6wfoEfo003fwCqw==",
+      "version": "2.9.1",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.9.1.tgz",
+      "integrity": "sha512-9Agqf/jt4Ugk7EZ6C5LME71sgkvauPCsnvJN12Xid2XVobjufxMGpRE4L7pS4luJMOmFAH3J0NgYEGZT5r+NDg==",
       "requires": {
         "@ctrl/tinycolor": "^3.4.1",
         "@element-plus/icons-vue": "^2.3.1",
@@ -15427,7 +15427,7 @@
         "@types/lodash-es": "^4.17.6",
         "@vueuse/core": "^9.1.0",
         "async-validator": "^4.2.5",
-        "dayjs": "^1.11.3",
+        "dayjs": "^1.11.13",
         "escape-html": "^1.0.3",
         "lodash": "^4.17.21",
         "lodash-es": "^4.17.21",
diff --git a/package.json b/package.json
index dcd5b7c..4dc67a5 100644
--- a/package.json
+++ b/package.json
@@ -12,7 +12,7 @@
     "bson": "^6.8.0",
     "core-js": "^3.8.3",
     "crypto": "^1.0.1",
-    "element-plus": "^2.6.3",
+    "element-plus": "^2.9.1",
     "lodash.get": "^4.4.2",
     "mitt": "^3.0.1",
     "onml": "^2.1.0",
diff --git a/src/components/right-nav.js b/src/components/right-nav.js
index b03e213..72b26d3 100644
--- a/src/components/right-nav.js
+++ b/src/components/right-nav.js
@@ -20,7 +20,7 @@ export const controlPanel = reactive({
             this.currentIndex = -1;
         } else {
             if (horizontalResizer.width < 5) {
-                horizontalResizer.width = 435;
+                horizontalResizer.width = 440;
             }
             this.currentIndex = index;
         }
@@ -33,7 +33,7 @@ export const controlPanel = reactive({
 export const horizontalResizer = reactive({
     active: false,
     hover: false,
-    width: 435,
+    width: 440,
     mousedown() {
         this.active = true;
         document.addEventListener('mousemove', resize);
diff --git a/src/components/setting/index.vue b/src/components/setting/index.vue
index bc73efa..415b0a2 100644
--- a/src/components/setting/index.vue
+++ b/src/components/setting/index.vue
@@ -98,7 +98,6 @@
                 </div>
             </div>
 
-            <hr>
 
             <div class="setting-section">
                 <h2>{{ t('appearance-setting') }}</h2>
@@ -122,7 +121,7 @@
                 <div class="setting-option">
                     <span class="option-title" style="width: 100px;">{{ t('wavecolor') }}</span>
                     <div class="option-group">
-                        <div style="width: 120px;">
+                        <div style="width: 100px;">
                             <el-select
                                 v-model="wavecolor.currentOptionIndex"
                                 collapse-tags
@@ -136,8 +135,8 @@
                         <div style="height: 20px; width: 20px;"></div>
                         <el-color-picker
                             v-model="wavecolor.colors[wavecolor.currentOptionIndex]"
-                            show-alpha
                             :predefine="predefinedColors"
+                            :teleported="false"
                         />
                     </div>
                 </div>
@@ -147,7 +146,7 @@
                 <div class="setting-option">
                     <span class="option-title" style="width: 100px;">{{ t('setting.appearance.pivot-color') }}</span>
                     <div class="option-group">
-                        <div style="width: 120px;">
+                        <div style="width: 100px;">
                             <el-select
                                 v-model="pivotColor.currentOptionIndex"
                                 collapse-tags
@@ -161,15 +160,14 @@
                         <div style="height: 20px; width: 20px;"></div>
                         <el-color-picker
                             v-model="pivotColor.colors[pivotColor.currentOptionIndex]"
-                            show-alpha
                             :predefine="predefinedColors"
+                            :teleported="false"
                         />
                     </div>
                 </div>
             </div>
 
-            <hr>
-
+            
             <div class="setting-section">
                 <h2>{{ t('search-setting') }}</h2>
                 <div class="setting-option">
diff --git a/yarn.lock b/yarn.lock
index f177d96..2c5d5e6 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2966,10 +2966,10 @@ csstype@^3.1.3:
   resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
-dayjs@^1.11.3:
-  version "1.11.10"
-  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.10.tgz"
-  integrity sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ==
+dayjs@^1.11.13:
+  version "1.11.13"
+  resolved "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz"
+  integrity sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==
 
 debounce@^1.2.1:
   version "1.2.1"
@@ -3170,10 +3170,10 @@ electron-to-chromium@^1.4.668:
   resolved "https://registry.npmmirror.com/electron-to-chromium/-/electron-to-chromium-1.4.673.tgz"
   integrity sha512-zjqzx4N7xGdl5468G+vcgzDhaHkaYgVcf9MqgexcTqsl2UHSCmOj/Bi3HAprg4BZCpC7HyD8a6nZl6QAZf72gw==
 
-element-plus@^2.6.3:
-  version "2.6.3"
-  resolved "https://registry.npmjs.org/element-plus/-/element-plus-2.6.3.tgz"
-  integrity sha512-U4L/mr+1r+EmAUYUHrs0V/8hHMdBGP07rPymSC72LZCN4jK1UwygQYICegTQ5us4mxeqBvW6wfoEfo003fwCqw==
+element-plus@^2.9.1:
+  version "2.9.1"
+  resolved "https://registry.npmjs.org/element-plus/-/element-plus-2.9.1.tgz"
+  integrity sha512-9Agqf/jt4Ugk7EZ6C5LME71sgkvauPCsnvJN12Xid2XVobjufxMGpRE4L7pS4luJMOmFAH3J0NgYEGZT5r+NDg==
   dependencies:
     "@ctrl/tinycolor" "^3.4.1"
     "@element-plus/icons-vue" "^2.3.1"
@@ -3183,7 +3183,7 @@ element-plus@^2.6.3:
     "@types/lodash-es" "^4.17.6"
     "@vueuse/core" "^9.1.0"
     async-validator "^4.2.5"
-    dayjs "^1.11.3"
+    dayjs "^1.11.13"
     escape-html "^1.0.3"
     lodash "^4.17.21"
     lodash-es "^4.17.21"