.app_outer {
    flex: 1;
    width: 100%;
    overflow-x: hidden;
}

.app_boards {
    margin-top: 20px;
    min-width: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding-inline: 2rem;
    color: var(--text-color);
}

.app_boards > * {
    flex: 1 1 calc(25% - 30px); /* Adjust the width to fit 4 items per row */
    max-width: calc(25% - 30px); 
}

.editable_btn{
    margin-top: 1rem;
    width: 100%;
    border: solid white;
    padding: 0.5rem 1.8rem;
    background-color: #F8F9FA;
    display: flex;
    justify-content: flex-end;
}

.scrollable_container{
    height: 100vh;           
    overflow-y: auto;        
    overflow-x: hidden;      
}