.chats {
    grid-area: chat;
    /*border: 1px solid black;*/

    /*border-radius: 5px;*/

    /*until we have more chats*/
    /*width:  300px;*/
    display: flex;
    flex-direction: row;
    /* magic */
    max-height: 100%;
    min-height: 100%;

    width:  100%;
    gap:  5px;
    /*padding:  2px;*/
}