Two different dropdown buttons unintentionally opens the sam

Expected behavior I added two dropdowns, and would expect to see each respective dropdown, onclick.

Actual behavior Both dropdown buttons opens the same dropdown. I see the first dropdown, no matter which of the buttons I click.

Resources (screenshots, code snippets etc.) This is my html.

First dropdown:

                        <button 
                            class='banner-button-big dropdown-toggle'
                            type='button'
                            data-toggle='dropdown' 
                            aria-haspopup='true' 
                            aria-expanded='false'
                        >
                            <i class='fas fa-cog'></i>
                        </button>
                        <div class='dropdown-menu dropdown-primary'>
                             <a     
                                class='dropdown-item save-check' 
                                href='/persons' 
                                data-target='#is-unsaved'   
                             ><i class='fas fa-users' style='margin-right:10px;'></i>Personer</a>
                             <a     
                                class='dropdown-item save-check' 
                                href='/rates' 
                                data-target='#is-unsaved' 

                             >
                                <i class='fas fa-briefcase' style='margin-right:10px;'></i>
                                Satser
                             </a>
                        </div>

Second dropdown:

                     <button 
                        type='button'
                        data-toggle='dropdown' 
                        aria-haspopup='true' 
                        aria-expanded='false'
                        class='dropdown-toggle'
                    >
                        <i class='fas'>
                            <img
                                src='https://mdbootstrap.com/img/Photos/Avatars/img (31).jpg'
                                class='rounded-circle'
                                height='38'
                                alt=''
                                loading='lazy'
                            />
                        </i>
                    </button>
                    <div class='dropdown-menu dropdown-primary'>
                        <a     
                                class='dropdown-item save-check' 
                                href='/profile' 
                                data-target='#is-unsaved'      
                             ><i class='fas fa-user-cog' style='margin-right:10px;'></i>Min profil</a>
                        <div class='dropdown-divider'></div>
                        <a     
                                class='dropdown-item save-check' 
                                href='/logoff' 
                                data-target='#is-unsaved'      
                             ><i class='fas fa-power-off' style='margin-right:10px;'></i>Log ud</a>
                    </div>