Custom horizontal scrollbar css

::-webkit-scrollbar {
  height: 4px;              /* height of horizontal scrollbar ← You're missing this */
  width: 4px;               /* width of vertical scrollbar */
  border: 1px solid #d5d5d5;
}

Since logically one cannot force a vertical scrollbar to be a certain height (since dictated by the positioned parent) 
Therefore such height property is to target the horizontal's scrollbar height 
and vice-versa (width for the width of the vertical scrollbar).

Source: stackoverflow.com

Similar codes

17 votes348 views5 answers
Sass react
CSS
0 vote350 views1 answer
Make image scale based on screen size
CSS
8 votes345 views3 answers
Css change font awesome icon color
CSS
-1 vote327 views2 answers
Hide the scrollbar in css if not overflow
CSS
3 votes344 views1 answer
Css perfect box shadow
CSS
2 votes397 views1 answer
How to override material ui css
CSS
0 vote356 views1 answer
Button style link
CSS
0 vote334 views1 answer
This syntax requires an imported helper but module 'tslib' cannot be found.
CSS
3 votes381 views2 answers
How to align form buttons right
CSS
0 vote323 views1 answer
Api not working in github pages
CSS