diff --git a/docs/site/components/DemoList.vue b/docs/site/components/DemoList.vue
index bb93d6b18..b6addce58 100644
--- a/docs/site/components/DemoList.vue
+++ b/docs/site/components/DemoList.vue
@@ -73,7 +73,9 @@ export default {
 .side-nav {
   box-sizing: border-box;
   width: 100%;
-  padding: 64px 20px 20px;
+  min-height: 100vh;
+  padding: 46px 20px 20px;
+  background: @white;
 
   .vant-title,
   .vant-desc {
@@ -111,8 +113,8 @@ export default {
 
 .mobile-switch-lang {
   position: absolute;
-  top: 24px;
-  right: 24px;
+  top: 20px;
+  right: 20px;
   overflow: hidden;
   color: @blue;
   font-size: 12px;
@@ -121,11 +123,11 @@ export default {
   span {
     display: inline-block;
     width: 48px;
-    color: @gray-dark;
+    color: @text-color;
     line-height: 22px;
     text-align: center;
-    background-color: #f7f8fa;
-    border: 1px solid #dcdee0;
+    background-color: #fff;
+    border: 1px solid @border-color;
 
     &:first-child {
       border-right: none;
diff --git a/docs/site/components/MobileNav.vue b/docs/site/components/MobileNav.vue
index 9f69dd1ec..ba2969078 100644
--- a/docs/site/components/MobileNav.vue
+++ b/docs/site/components/MobileNav.vue
@@ -46,6 +46,9 @@ export default {
 .mobile-nav {
   &__item {
     margin-bottom: 16px;
+    overflow: hidden;
+    border-radius: 6px;
+    box-shadow: 0 1px 5px #ebedf0;
   }
 
   &__icon {
diff --git a/docs/site/mobile/App.vue b/docs/site/mobile/App.vue
index ee66a5982..2500473fc 100644
--- a/docs/site/mobile/App.vue
+++ b/docs/site/mobile/App.vue
@@ -58,6 +58,7 @@ body {
   font-family: 'PingFang SC', Helvetica, 'STHeiti STXihei', 'Microsoft YaHei', Tohoma, Arial, sans-serif;
   line-height: 1;
   background-color: #f8f8f8;
+  user-select: none;
   -webkit-font-smoothing: antialiased;
 }