.descriptionContent {
    max-height: 150px;
    overflow-y: auto;
}

/* Стилізація полоси прокрутки для WebKit (Chrome, Safari) */
.descriptionContent::-webkit-scrollbar {
    width: 3px;
    background-color: #f0f0f0;
}

.descriptionContent::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 5px;
}

.descriptionContent::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}

/* Стилізація полоси прокрутки для Firefox */
.descriptionContent {
    scrollbar-width: thin; /* Для Firefox */
    scrollbar-color: #f3b3b3 #d3ec70; /* Колір ползунка і трека */
}

/* Опціонально: ви можете використовувати селектор :hover для стилізації полоси прокрутки при наведенні */
.descriptionContent:hover::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

.descriptionContent:hover::-webkit-scrollbar-track {
    background-color: #ccc;
}