Pagination

hello, i have a problem with pagination. by me is the pagination about the table. but why?

<x-app-layout>
    <x-myComponents.headline />
    <div class="max-w-7xl mx-auto p-6 lg:p-8 bg-white rounded-md">
        <x-table>
            <x-slot name="heading">
                <x-myComponents.table.heading>
                    Logo
                </x-myComponents.table.heading>
                <x-myComponents.table.heading>
                    Name
                </x-myComponents.table.heading>
            </x-slot>
            @forelse($companies as $company)
                <x-myComponents.table.row>
                    <x-myComponents.table.cell>
                        {{ $company->name }}
                    </x-myComponents.table.cell>
                </x-myComponents.table.row>
            @empty
                <p class="text-xl">No Companies</p>
            @endforelse
            {{ $companies->links() }}
        </x-table>
    </div>
</x-app-layout>