diff --git a/docs/.vitepress/vitepress/components/full-screen/vp-translation.vue b/docs/.vitepress/vitepress/components/full-screen/vp-translation.vue
index 49bcdbcdf6..b727eb252b 100644
--- a/docs/.vitepress/vitepress/components/full-screen/vp-translation.vue
+++ b/docs/.vitepress/vitepress/components/full-screen/vp-translation.vue
@@ -25,7 +25,7 @@ const [show, toggle] = useToggle()
     </ElButton>
     <div v-show="show" class="translation-items">
       <p
-        v-for="l in langs"
+        v-for="l in langs.reverse()"
         :key="l"
         :class="{ active: l === lang }"
         class="translation-item"
diff --git a/docs/.vitepress/vitepress/components/navbar/vp-translation.vue b/docs/.vitepress/vitepress/components/navbar/vp-translation.vue
index 7ffaa82b56..ff89a9da69 100644
--- a/docs/.vitepress/vitepress/components/navbar/vp-translation.vue
+++ b/docs/.vitepress/vitepress/components/navbar/vp-translation.vue
@@ -21,7 +21,7 @@ const { switchLang, languageMap, langs, lang, helpTranslate } = useTranslation()
           </ElIcon>
         </template>
         <div
-          v-for="l in langs"
+          v-for="l in langs.reverse()"
           :key="l"
           :class="{ language: true, selected: l === lang }"
           @click="switchLang(l)"
diff --git a/docs/.vitepress/vitepress/styles/base.scss b/docs/.vitepress/vitepress/styles/base.scss
index 5a771a4031..66ad98ff2f 100644
--- a/docs/.vitepress/vitepress/styles/base.scss
+++ b/docs/.vitepress/vitepress/styles/base.scss
@@ -169,27 +169,19 @@ li > ol {
 
 .doc-content > div {
   > table {
-    display: block;
     border-collapse: collapse;
-    margin: 1rem 0;
-    overflow-x: auto;
-    font-family: var(--font-family-mono);
+    width: 100%;
+    background-color: var(--bg-color);
     font-size: 14px;
+    margin-bottom: 45px;
+    line-height: 1.5em;
 
     tr {
-      border-top: 1px solid var(--border-color);
-
       td:nth-child(2) {
         font-family: var(--font-family);
-        white-space: pre-wrap;
-        min-width: 11.62rem;
       }
     }
 
-    tr:nth-child(2n) {
-      background-color: var(--bg-color-mute);
-    }
-
     th,
     td {
       white-space: nowrap;
@@ -197,6 +189,12 @@ li > ol {
       border-bottom: 1px solid var(--border-color);
       padding: 0.6em 1em;
       text-align: left;
+      max-width: 250px;
+      white-space: pre-wrap;
+    }
+
+    thead tr:first-child th {
+      border-top: none;
     }
   }
 }