diff --git a/demo/SiteHeader.vue b/demo/SiteHeader.vue
index 6579fe91b..dcc4d1b8f 100644
--- a/demo/SiteHeader.vue
+++ b/demo/SiteHeader.vue
@@ -248,7 +248,7 @@ export default {
   padding-left: 32px;
 }
 
-.nav-menu::v-deep(.n-menu-item) {
+.nav-menu ::v-deep(.n-menu-item) {
   height: 63px !important;
 }
 
diff --git a/demo/documentation/landing/index.vue b/demo/documentation/landing/index.vue
index 72588a2c9..8eedda76a 100644
--- a/demo/documentation/landing/index.vue
+++ b/demo/documentation/landing/index.vue
@@ -125,7 +125,7 @@ export default {
 }
 
 .naive-title {
-  font-family: 'Metropolis';
+  font-family: Metropolis, sans-serif;
   font-size: 80px !important;
   margin-bottom: 18px !important;
 }
diff --git a/demo/menu-options.js b/demo/menu-options.js
index 818ecf163..23fcd6098 100644
--- a/demo/menu-options.js
+++ b/demo/menu-options.js
@@ -1,3 +1,5 @@
+import { h } from 'vue'
+
 const env = process.env.NODE_ENV
 
 const appendCounts = item => {
@@ -9,7 +11,7 @@ const appendCounts = item => {
     item.childItems.forEach(appendCounts)
     item.count = item.childItems.reduce((sum, item) => sum + item.count, 0)
     if (!item.group) {
-      item.title = h => {
+      item.title = () => {
         return h('n-config-consumer', {
           props: {
             abstract: true
@@ -47,8 +49,7 @@ const appendDebugDemos = (item, mode) => {
 }
 
 export default function (instance) {
-  // TODO fix
-  const { lang = 'zh-CN', theme = 'light' } = {}
+  const { lang, theme } = instance
   if (lang === 'zh-CN') {
     return [
       {