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

7 votes185 views2 answers
Make images same size css
CSS
5 votes142 views1 answer
Show scrollbar only when scrolling
CSS
3 votes175 views2 answers
How to give shadow to navbar
CSS
0 vote215 views1 answer
Parcel-bundler bulma css
CSS Bulma
0 vote190 views1 answer
Css witdh
CSS
1 vote179 views1 answer
Background color for whole page css
CSS
0 vote204 views1 answer
How to set unclickable checkbox using css
CSS
0 vote199 views1 answer
Change color to white svg with filter
CSS
-2 votes164 views1 answer
Css transform translate and rotate
CSS
1 vote181 views1 answer
Css cursor size
CSS