# CSS to show custom scrollbar for EUI

**URL:** <https://community.surveysparrow.com/t/css-to-show-custom-scrollbar-for-eui/3307>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [April 20, 2023, 10:38am UTC](https://community.surveysparrow.com/t/css-to-show-custom-scrollbar-for-eui/3307 "2023-04-20T10:38:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Venkata\_Abhijith](https://avatars.discourse-cdn.com/v4/letter/v/cab0a1/32.png) [@Venkata\_Abhijith](https://community.surveysparrow.com/u/Venkata_Abhijith)\
**Post date:** [April 20, 2023, 10:38am UTC](https://community.surveysparrow.com/t/css-to-show-custom-scrollbar-for-eui/3307/1 "2023-04-20T10:38:12Z")

</div>

CSS to show custom scrollbar for EUI:

div.surveysparrow-chat\_\_split-layer-top{  
-ms-overflow-style: auto;  
overflow-y: auto;  
scrollbar-width: auto;  
}  
div.surveysparrow-chat\_\_split-layer-top::-webkit-scrollbar {  
background: #eaeaea !important;  
width: 10px !important;  
display: block !important;  
}  
div.surveysparrow-chat\_\_split-layer-top::-webkit-scrollbar-track {  
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;  
border-radius: 0 !important;  
display: block !important;  
background: #eaeaea !important;  
}  
div.surveysparrow-chat\_\_split-layer-top::-webkit-scrollbar-thumb {  
border-radius: 10px !important;  
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;  
display: block !important;  
}

 ![Screenshot 2023-04-20 at 4.07.00 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/f91509d3bd10bbda66ee41ac91af7d749bc0fd2a.png)

 ![Screenshot 2023-04-20 at 4.06.52 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/4e7c46a42002faf580d9e83da6bf19ba632eacf9.png)