Custom Scrollbar + Hover State

This is a fairly self explanatory use case to make your scrollbar branded


<style>
::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	border-radius: 0px;
	background-color: #ddd7f7;
}

::-webkit-scrollbar-thumb {
	background: #5E39F3;
	border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #dfffcb;
  }
</style>