diff --git a/demo/SiteHeader.vue b/demo/SiteHeader.vue
index 87dc9a4b1..eb9232940 100644
--- a/demo/SiteHeader.vue
+++ b/demo/SiteHeader.vue
@@ -10,7 +10,7 @@
         @click="handleLogoClick"
       >
         <img src="./assets/images/naivelogo.svg">
-        Naive UI ({{ version }})
+        Naive UI
       </n-text>
       <div style="display: flex; align-items: center;">
         <div class="nav-menu">
@@ -46,6 +46,9 @@
         >
           {{ modeOptions[displayMode].label }}
         </n-button>
+        <n-button size="small">
+          {{ version }}
+        </n-button>
       </div>
     </div>
   </n-layout-header>