diff --git a/src/components/common/Tags.vue b/src/components/common/Tags.vue
index d87fc42..da724e4 100644
--- a/src/components/common/Tags.vue
+++ b/src/components/common/Tags.vue
@@ -61,11 +61,16 @@
                 const isExist = this.tagsList.some(item => {
                     return item.path === route.fullPath;
                 })
-                !isExist && this.tagsList.push({
-                    title: route.meta.title,
-                    path: route.fullPath,
-                    name: route.matched[1].components.default.name
-                })
+                if(!isExist){
+                    if(this.tagsList.length >= 8){
+                        this.tagsList.shift();
+                    }
+                    this.tagsList.push({
+                        title: route.meta.title,
+                        path: route.fullPath,
+                        name: route.matched[1].components.default.name
+                    })
+                }
                 bus.$emit('tags', this.tagsList);
             },
             handleTags(command){
@@ -97,6 +102,7 @@
         overflow: hidden;
         background: #fff;
         padding-right: 120px;
+        box-shadow: 0 5px 10px #ddd;
     }
 
     .tags ul {
diff --git a/static/css/main.css b/static/css/main.css
index 68cc36b..3ae9fa6 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -26,7 +26,6 @@ a {
     right: 0;
     top: 70px;
     bottom: 0;
-    overflow-y: scroll;
     -webkit-transition: left .3s ease-in-out;
     transition: left .3s ease-in-out;
     background: #f0f0f0;
@@ -34,7 +33,10 @@ a {
 
 .content {
     width: auto;
+    height: 100%;
     padding: 40px;
+    overflow-y: scroll;
+    box-sizing: border-box;
 }
 
 .content-collapse {