Table wider then page

[mawnloner]

Im having a hard time finding the root of this problem so please help me out.

Im using powergrid in combination to tailwindcss and daisyui.

My scenario is as followed:

• I have an overview page where the user can switch between multiple tabs as per the daisyui documentation
• I have pages where there can be multiple powergrid tables (example: users and organizations)

This is what the code results looks like:

<div class="p-5 w-full">
  <div class="mt-6 max-w-screen-2xl mx-auto">
    <div>
      <div role="tablist" class="tabs tabs-bordered">
        <input type="radio" name="my_tabs_1" role="tab" class="tab" aria-label="Overview" checked/>
        <div role="tabpanel" class="tab-content p-10">
          <div class="card card-compact bg-base-100 shadow-md border-2 border-primary mt-4">
            <div class="card-body">
              <h2 class="card-title">{{ __('Users') }}</h2>
               <livewire:powergrid.users/>
             </div>
            </div>
    
            <div class="card card-compact bg-base-100 shadow-md border-2 border-primary mt-4">
              <div class="card-body">
                <h2 class="card-title">{{ __('Organizations') }}</h2>
                <livewire:powergrid.organizations/>
             </div>
           </div>
         </div>
       </div>
    </div>
  </div>
</div>

I have tried applying width classes and overflow-x-auto on different elements through the inspector. the elements include div.tab-content.p-10 (in my source) and third child of div.power-grid-table-base / parent of table.table.power-grid-table.min-w-full.dark:bg-slate-800

One thing worth mentioning is that when i remove the table element of both elements, the element scaled down accordingly, so I think im missing a class on my div.card, but I am not sure which class that would be.

Another issue that I'm having is when there are multiple powergrids applied to the daisyui tabs, the powergrid with less data takes the size of the powergrid with more data, in other words its widens.

Are those issues familiar and is there a solution?

Worst case is that I can opt out of using the daisyui tabs