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 vote321 views1 answer
Vue import css scoped
CSS
0 vote329 views1 answer
Github lottie
CSS
0 vote361 views2 answers
Tailwindcss link styling
CSS
0 vote320 views2 answers
Systemd on wsl2
CSS
0 vote371 views1 answer
React exact path highlight
CSS
0 vote337 views1 answer
Table essentaial styles css
CSS
0 vote411 views1 answer
React bootstrap carousel not working
CSS Bootstrap
59 votes304 views6 answers
Node Sass version 5.0.0 is incompatible with ^4.0.0.
CSS
31 votes389 views3 answers
Rgba blue color
CSS
2 votes339 views1 answer
Mixin for transition css
CSS