diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue b/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
index f7a99d8232..eda91a10c0 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/Layout.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, watch, defineAsyncComponent } from 'vue'
+import { ref, computed, watch, defineAsyncComponent, onMounted, onUpdated } from 'vue'
 import { useRoute, useData } from 'vitepress'
 import { isSideBarEmpty, getSideBarConfig } from './support/sideBar'
 // components
@@ -84,6 +84,28 @@ if (result && langList.includes(result[0])) {
 } else {
   localStorage.setItem('preferred_lang', navigator.language)
 }
+
+// Remove `__VP_STATIC_START__`
+const removeVPStaticFlag = () => {
+  const contentChildNodes = document.querySelector('.content > div').childNodes
+
+  contentChildNodes.forEach((item, index) => {
+    if (
+      (index === 0 && item.textContent === '__VP_STATIC_START__')
+      || (index === contentChildNodes.length - 1 && item.textContent === '__VP_STATIC_END__')
+    ) {
+      item.remove()
+    }
+  })
+}
+
+onMounted(() => {
+  removeVPStaticFlag()
+})
+
+onUpdated(() => {
+  removeVPStaticFlag()
+})
 </script>
 
 <template>
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue
index 91c519cd92..e0c580acf7 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/BackToTop.vue
@@ -86,10 +86,17 @@ export default defineComponent({
   width: 22px;
   color: var(--devui-brand);
   z-index: 1;
+
+  &:hover {
+    color: var(--devui-brand-hover);
+  }
+
+  & svg {
+    width: 22px;
+    height: 22px;
+  }
 }
-.go-to-top:hover {
-  color: var(--devui-brand-hover);
-}
+
 @media (max-width: 959px) {
   .go-to-top {
     display: none;
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js b/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js
index 69251f0596..274b6df522 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/SideBarLink.js
@@ -49,7 +49,11 @@ export const SideBarLink = (props) => {
                 class: 'sidebar-link-status',
                 style: `background-color: ${dotColor}`
             }),
-            text,
+            h('span', {
+                class: 'sidebar-link-text'
+            }, [
+                text
+            ])
         ]),
         childItems
     ]);
diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss b/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss
index 23afbb074f..d758290336 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/styles/sidebar-links.scss
@@ -107,10 +107,18 @@ a.sidebar-link-item.active {
   font-weight: 400;
 }
 
-.sidebar .sidebar-link-status {
-  display: inline-block;
-  width: 6px;
-  height: 6px;
-  margin-right: 8px;
-  border-radius: 50px;
+.sidebar {
+  .sidebar-link-status {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    margin-right: 8px;
+    border-radius: 50px;
+  }
+
+  .sidebar-link-text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
 }
\ No newline at end of file