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

1 vote242 views1 answer
CSS technique for a horizontal line with icons in the middle
CSS
27 votes185 views6 answers
Color gradient
CSS
47 votes194 views6 answers
Css blur
CSS
0 vote172 views1 answer
Tipografias family style para css y html
CSS
6 votes188 views1 answer
Responsive image in css
CSS
0 vote200 views1 answer
Curfont
CSS
0 vote165 views1 answer
Css select element by role
CSS
1 vote188 views1 answer
Layer on top in javascript
CSS
0 vote182 views1 answer
Adding whitespace in box
CSS
18 votes264 views6 answers
Install bootstrap angular 9
CSS Bootstrap