.messages::-webkit-scrollbar {
  width: 4px;
  transition: 1s color;
}

.messages::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02); /* color of the tracking area */
  border-radius: 4px;
}

.messages::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.05); /* color of the scroll thumb */
  border-radius: 4px; /* roundness of the scroll thumb */
}

.messages:hover::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1); /* color of the scroll thumb */
  border-radius: 4px; /* roundness of the scroll thumb */
}
