Faça como eu: Ajustando o menu lateral.

Index.html

<nav class="menu">
    <img src="https://imgur.com/uNXCcsX.png">
    <a href="#">
        <i class="material-icons">home</i>
        <span>Home</span>
    </a>
    <a href="#">
        <i class="material-icons">search</i>
        <span>Busca</span>
    </a>
    <a href="#">
        <i class="material-icons">bookmark</i>
        <span>Suas bibliotecas </span>
    </a>
    <a href="#">
        <i class="material-icons">add</i>
        <span>Crie sua playlist</span>
    </a>
</nav>

style.Css

.banner__titulo{
    font-size: 18px;
    font-weight: 700;
}
.banner__texto{
    font-weight: 500;
    margin: 1em 0;
}
.banner__pesquisa{
    background-color:transparent ;
    border:1px solid var(--branco);
    color: var(--branco);
    border-radius: 24px;
    padding: 1em;
    width: 100%;
}
.banner__pesquisa::placeholder{
    font-family:var(--fonte-pricipal) ;
    font-size: 14px;
    font-weight: 400;
    text-align:center;
    color:var(--branco);
    background: url("../img/Lupa.svg") no-repeat;
    background-position: 1em;
}