diff --git a/style/web/components/list/_index.less b/style/web/components/list/_index.less
index 5b93d59761..2d0365f008 100644
--- a/style/web/components/list/_index.less
+++ b/style/web/components/list/_index.less
@@ -10,11 +10,15 @@
 
 @import "../../mixins/_reset.less";
 
+@import "../../mixins/_scrollbar.less";
+
 .@{prefix}-list {
   .reset;
+  .scrollbar();
 
   overflow: auto;
   color: @list-font-color;
+  background: @list-bg-color-default;
 
   &__inner {
     .list-style-none();
@@ -23,7 +27,6 @@
   &-item {
     font: @list-item-font;
     padding: @list-item-spacer-default;
-    background: @list-bg-color-default;
     display: flex;
     justify-content: space-between;
     align-items: center;