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 vote138 views1 answer
Cs and cd in jfet
CSS
1 vote147 views2 answers
Css clearfix for floats with display table and clear both
CSS
0 vote125 views1 answer
Ionic slidesperview not working
CSS
0 vote124 views1 answer
Poner en input signo dolar con css
CSS
0 vote90 views1 answer
Bootstrap 5 tutorial
CSS
1 vote137 views1 answer
Overflow-x hidden meaning in css
CSS
14 votes186 views6 answers
Bootstrap image size
CSS Bootstrap
0 vote126 views1 answer
Border-radius cross browser
CSS
0 vote130 views1 answer
Make img tag take all div space
CSS
0 vote145 views2 answers
Animate.css not working
CSS