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 vote155 views2 answers
Wordpress style.css not updating
CSS
0 vote149 views1 answer
React exact path highlight
CSS
0 vote147 views1 answer
How to add images on images css
CSS
0 vote147 views2 answers
How to remove default look of button
CSS
0 vote185 views1 answer
Fixed div with scrollable content
CSS
0 vote133 views1 answer
Loop Over Array of Objects and Combine them if they have similar keys
CSS
3 votes153 views1 answer
What is a pseudo selector?
CSS
14 votes139 views5 answers
Make background image full width
CSS
7 votes263 views3 answers
Import font woff css
CSS
8 votes140 views1 answer
Css wordwrap
CSS