@media screen and (orientation: portrait) {
    .filter-component {
        height: fit-content;
        padding: 16px;
    }

    .filter-form  select{
        width: 100%;
    }

    .filter-form {
        width: fit-content;
        gap: 14px;

        max-height: 48px;
        min-height: 48px;
    }

    .filter-component .checkbox-container {
        max-height: 32px;
        min-height: 32px;
        max-width: 32px;
        min-width: 32px;
        height: 32px;
        width: 32px;
    }
}