diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
index ca4df5406..d69e3071d 100644
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
@@ -60,6 +60,7 @@ input[type="file"] {
     font-size: 13px;
     height: 48px;
     width: 100%;
+    flex-shrink: 0;
     padding: 0 0 0 20px;
     border-bottom: 1px solid rgb(17, 21, 24);
     background-color: rgb(28, 32, 34);
@@ -82,11 +83,11 @@ input[type="file"] {
     line-height: 1;
 }
 
-.header .qq {
-    display: flex;
-    align-items: center;
-    margin-right: 15px;
-    color: rgb(255 255 255 / 50%);
+.qq {
+    height: 48px;
+    line-height: 48px;
+    padding-left: 15px;
+    color: rgb(255 255 255 / 30%);
 }
 
 .header .checkbox {
diff --git a/docs/index.html b/docs/index.html
index 60a284b0f..48b8a3424 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -92,7 +92,6 @@
                     <a class="item" href="https://github.com/zhw2590582/ArtPlayer">Github</a>
                 </div>
                 <div class="tool">
-                    <div class="qq">QQ群: 320881312</div>
                     <div class="checkbox">
                         <input type="checkbox" id="typeScript"><label for="typeScript">TS</label>
                     </div>
@@ -116,6 +115,7 @@
             </div>
         </div>
         <div class="part-right">
+            <div class="qq">QQ群: 320881312</div>
             <div class="video-wrap">
                 <div class="artplayer-app"></div>
             </div>
diff --git a/docs/uncompiled/artplayer/index.js b/docs/uncompiled/artplayer/index.js
index a297b1db5..f3d9661e8 100644
--- a/docs/uncompiled/artplayer/index.js
+++ b/docs/uncompiled/artplayer/index.js
@@ -242,7 +242,7 @@ class Artplayer extends (0, _emitterDefault.default) {
         return "development";
     }
     static get build() {
-        return "2023-12-11 16:42:11";
+        return "2023-12-11 17:29:28";
     }
     static get config() {
         return 0, _configDefault.default;