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 vote157 views1 answer
Backgrond image shopify css
CSS
6 votes128 views6 answers
How to properly install tailwind css in react
CSS
-2 votes129 views4 answers
Js simulate click on div
CSS
0 vote128 views1 answer
How to add default font css
CSS
0 vote181 views1 answer
Shadow on hover class on card bootstrap
CSS Bootstrap
0 vote130 views1 answer
Css background half one color the other half another color
CSS
0 vote128 views1 answer
Css 2 div cote à cote
CSS
16 votes163 views4 answers
Scss to css
CSS
0 vote143 views1 answer
Convert firebase created_at to Date string
CSS
3 votes134 views1 answer
Fontawesome trash icon
CSS