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

0 vote355 views1 answer
Css animate background color change
CSS
3 votes317 views1 answer
Background position center center
CSS
0 vote343 views1 answer
No zoom viewport
CSS
0 vote381 views2 answers
Wpforms button style
CSS
1 vote331 views2 answers
Textarea scale to content
CSS
3 votes374 views2 answers
Css glass effect
CSS
0 vote384 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
7 votes339 views4 answers
List elements vertically in html
CSS
1 vote353 views1 answer
Bootstrap word-wrap: break-word;
CSS
2 votes376 views1 answer
New line in url
CSS