Faça como eu fiz: ajustando o menu lateral

Código 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>

Código CSS:

.menu {
    width:200px;
    background-color: #01080E;
    padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.menu img{
    width:144px;
    margin-bottom:20px;
}

.menu a {
    color: white;
    text-decoration: none;
    font-family:"Open Sans";
    font-size:16px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.menu a:hover{
    color:#2BDEFD;
}