diff --git a/apps/web/styles/global-style.js b/apps/web/styles/global-style.js index acee0f8..691593a 100644 --- a/apps/web/styles/global-style.js +++ b/apps/web/styles/global-style.js @@ -10,4 +10,25 @@ export const GlobalStyle = createGlobalStyle` --color-secondary: ${COLOR_SECONDARY}; --color-tertiarty: ${COLOR_TERTIARTY}; } + + /* Scroll bar stylings */ +::-webkit-scrollbar { + width: 6px; + height: 6px; + } + + /* Track */ + ::-webkit-scrollbar-track { + } + + /* Handle */ + ::-webkit-scrollbar-thumb { + background: rgba(0,0,0,0.3); + border-radius: 2px; + } + + /* Handle on hover */ + ::-webkit-scrollbar-thumb:hover { + background: rgba(0,0,0,0.4); + } `;