[Dúvida] Footer não fica no final da pagina

Boa tarde, pessoal, tenho um problema, consegui criar e estilizar um footer para minha página, mas quando adiciono um usuário a minha pagina, ele não fica no final e sim no meio, entre o botão de criar card e o card criado)

Codigo do Index do rodape

import './Rodape.css'

function Rodape () {
    return (
        <footer className="rodape_container">
                <ul className='rodape__social'>
                    <li><img src='/imagens/fb.png' alt='Icone do Facebook' className='rodape__midia'/>
                    </li>
                    <li>
                        <img src='/imagens/tw.png' alt='Icone do Twiter' className='rodape__midia' />
                    </li>
                    <li>
                        <img src='/imagens/ig.png' alt='Icone do Instagram' className='rodape__midia' />
                    </li>
                </ul>
                <img src='/imagens/logo.png' alt='Icone logo Organo' className='rodape__logo'/>
                <h3>Desevolvido por Alura</h3>
        </footer>
    )
}

export default Rodape

codigo do css

.rodape_container {
    position: relative;
    background-color: #6278F7;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.rodape__social {
    display: flex;
    list-style: none;
    justify-content: space-around;
}

.rodape__midia {
    padding-right: 3rem;
}

h3 {
    color: white;
    font-size: 16;
    font-family: 'Monserrat', sans-serif;
}