Livewire component with two tables conflicts with one column-CodePudding

My Livewire component has two tables. When I click on one of the anchor tags, the table underneath gets updated, but at the same time, the last column of the second table gets overwritten.

<div>
    <div >
        <div >
            <a href="#" wire:click.prevent="showFavoritesForLastDays(1)" >Heute</a>
            <a href="#" wire:click.prevent="showFavoritesForLastDays(7)" >7</a>
            <a href="#" wire:click.prevent="showFavoritesForLastDays(30)" >30 Tage</a>
            <a href="#" wire:click.prevent="showFavoritesForLastDays(365)" >1 Jahr</a>
            <a href="#" wire:click.prevent="showFavoritesForLastDays(10950)" >Max</a>
        </div>
        <div >
            <a href="#" wire:click.prevent="showWorstForLastDays(1)" >Heute</a>
            <a href="#" wire:click.prevent="showWorstForLastDays(7)" >7</a>
            <a href="#" wire:click.prevent="showWorstForLastDays(30)" >30 Tage</a>
            <a href="#" wire:click.prevent="showWorstForLastDays(365)" >1 Jahr</a>
            <a href="#" wire:click.prevent="showWorstForLastDays(10950)" >Max</a>
        </div>
    </div>
    <div >
        @if(count($top10Up) > 0)
            <table id="favorite10" >
                <th >#</th>
                <th ></th>
                <th >{{ __('Name') }}</th>
                <th clas="w-3/12">#