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

2 votes376 views1 answer
How to override material ui css
CSS
13 votes321 views4 answers
How to print background bootstrap
CSS
2 votes346 views1 answer
Css set property with data attribute
CSS
4 votes316 views2 answers
How to give background overlay in css
CSS
15 votes333 views5 answers
Remove horizontal scrollbar css
CSS
0 vote328 views1 answer
How to change border height in css
CSS
0 vote308 views1 answer
Center div with variable height
CSS
0 vote326 views1 answer
Css add shade over background image
CSS
6 votes306 views2 answers
Div inline grid 100% width
CSS
0 vote319 views1 answer
Image css in box
CSS