diff --git a/frontend/src/components/pure/ms-rich-text/extensions/mention/MentionList.vue b/frontend/src/components/pure/ms-rich-text/extensions/mention/MentionList.vue
index 97212ce790..0605f7afd8 100644
--- a/frontend/src/components/pure/ms-rich-text/extensions/mention/MentionList.vue
+++ b/frontend/src/components/pure/ms-rich-text/extensions/mention/MentionList.vue
@@ -82,14 +82,17 @@
   });
 </script>
 
-<style lang="scss">
+<style lang="less">
   .items {
     position: relative;
-    overflow: hidden;
+    overflow: auto;
     padding: 8px;
+    max-height: 220px;
     border-radius: 4px;
     color: block;
     box-shadow: 0 0 0 1px rgba(0 0 0 / 5%), 0 10px 20px rgba(0 0 0 / 10%);
+    .ms-scroll-bar();
+
     @apply bg-white;
   }
   .item {