diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index 71218148733759a42d086e748041ab460b5db194..4fe2cab98a9ee3c7a8e8a7fcafbb06366babdcf7 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -11,4 +11,13 @@ code {
     monospace;
 }
 
+*::-webkit-scrollbar {
+  width: 8px;
+  background: transparent;
+}
+*::-webkit-scrollbar-thumb {
+  border-radius: 8px;
+  background-color: rgba(#909399, 0.5);
+}
+
 @import "./layout.scss";
diff --git a/src/assets/styles/layout.scss b/src/assets/styles/layout.scss
index 1f17d8fe6708b971249d5ad3670fb9bc2e2697c0..7db9ae13aac59fe4186e4e808498e7662564abf6 100644
--- a/src/assets/styles/layout.scss
+++ b/src/assets/styles/layout.scss
@@ -1,19 +1,21 @@
 .layout {
   width: 100%;
-  height: 100%;
+  height: 100vh;
   display: flex;
 
   &__sidebar {
     position: relative;
-    height: 100vh;
+    height: 100%;
     flex: 1 0 25%;
     max-width: 250px;
+    overflow: hidden auto;
   }
 
   &__content {
     flex: 1 1 75%;
-    padding: 20px 30px;
+    height: 100%;
     box-sizing: border-box;
+    overflow: hidden auto;
   }
 
   &__traffic {