:: - webkit-scrollbar {} не показывает большой палец полосы прокрутки

Question

Я сделал код только для того, чтобы начать делать персонализированные полосы прокрутки. Дело в том, что дорожка полосы прокрутки в порядке, но большой палец полосы прокрутки ничего не показывает, так что мне делать?

Стиль:

body {
  background-color: darkblue;
  padding: 0;
  margin: 0;
}

p {
  text-align: justify;
  color: white;
  font-size: 20px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

::-webkit-scrollbar {
  width: 25px;
}

::-webkit-scrollbar-track {
  border: 7px solid lightgrey;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient( 45deg, blue purple);
}

<p> - это Lorem Ipsum.