Default scrollbars often look ugly and clash with your design. Customize them with pure CSS.
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb {
background: #3498db;
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover { background: #2980b9; }
Why? It’s a small detail that makes your web app feel ‘finished’ and high-end.