.activitieshistory {
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    height: 100%;
}
.activitieshistory .activities-container {
    width: auto;
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(100dvh - 220px);
    overflow-y: auto;
    scrollbar-width: thin;
}

.activitieshistory .activities-container::-webkit-scrollbar {
    width: 4px;
}

.activitieshistory .activities-container::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 4px;
}

.dark .activitieshistory .activities-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

.activitieshistory .activities-container.hide {
    display: none;
}

.activitieshistory .nextPageSkeleton.hide {
    display: none;
}