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 vote120 views1 answer
Place image on top right inside flex css
CSS
0 vote122 views2 answers
Cut word css
CSS
1 vote123 views1 answer
Outline bottom css
CSS
42 votes112 views5 answers
Css cut off text
CSS
2 votes112 views1 answer
Table add margin between rows
CSS
0 vote121 views1 answer
Ul or ol with no indent
CSS
0 vote124 views1 answer
Php-twig (> 2.9) but 2.6.2-2
CSS
2 votes123 views3 answers
Sequelize order by
CSS
0 vote129 views1 answer
Card tailwind css
CSS
20 votes115 views5 answers
Postgres version command
CSS