diff --git a/components/list/style.scss b/components/list/style.scss
index 32c5634a0..13847628c 100644
--- a/components/list/style.scss
+++ b/components/list/style.scss
@@ -39,7 +39,9 @@
 
 .listItem {
   position: relative;
-  overflow: hidden;
+  > [data-react-toolbox='ripple'] {
+    overflow: hidden;
+  }
 }
 
 .item {
@@ -48,7 +50,6 @@
   min-height: $list-item-min-height;
   align-items: center;
   padding: 0 $list-horizontal-padding;
-  overflow: hidden;
   color: $color-text;
   &.selectable:not(.disabled):hover {
     cursor: pointer;
diff --git a/docs/app/components/layout/main/components/navigation.scss b/docs/app/components/layout/main/components/navigation.scss
index 56632441b..242a2a192 100644
--- a/docs/app/components/layout/main/components/navigation.scss
+++ b/docs/app/components/layout/main/components/navigation.scss
@@ -10,6 +10,10 @@
 .list {
   flex-grow: 1;
   overflow-y: auto;
+  &::-webkit-scrollbar {
+    width: 0;
+    height: 0;
+  }
 }
 
 .item {