Problema com espaços entre componentes

Olá, estou desenvolvendo uma tela de um chat usando Angular, mas estou tendo alguns problemas com espaços em branco entre os componentes Angular, conforme print abaixo.

Segue os códigos de css:

.container {
    height: 90vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0;
}

.inputMensagem {
    width: 80%;
    height: 10vh;
    background-color: #C0C0C0;
    border-width: 35px;
    border-top-width: 0;
}

input {
    width: 140vh;
    height: 9vh;
    border: 0;
}

button {
    margin-left: 10px;
    margin-bottom: 0;
    width: 80px;
    height: 55px;
}

.border-radius {
    border-radius: 16px;
    border-color: #C0C0C0;
    border-style: solid;
}

.containerScreen {
    height: 90vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.screen {
    
    width: 80%;
    height: 80vh;
    background-color: white;
    border-width: 35px;
    border-bottom-width: 16px;
}

.border-radius {
    border-radius: 16px;
    border-bottom-right-radius: none;
    border-color: #C0C0C0;
    border-style: solid;
}