src/components/cards/CardsOverview.svelte

@@ -167,8 +167,7 @@
       <p class="font-bold">{$_("loading-cards")}</p>
       <p class="text-sm">{$_("this-might-take-a-moment")}</p>
     </div>
-  {:else}
-    {#if current_cards.length === 0}
+  {:else if current_cards.length === 0}
     <CardsEmptyState />
   {:else}
     <div class="h-12 mt-1">
@@ -218,6 +217,7 @@
       {/if}
       <GenerateRunnerCards bind:cards_show bind:generate_cards />
     </div>
+    <div class="overflow-x-auto">
       <table class="w-full">
         <thead>
           {#each $table.getHeaderGroups() as headerGroup}
@@ -260,21 +260,7 @@
           {/each}
         </tbody>
       </table>
+    </div>
     <TableBottom {table} {selected} />
   {/if}
 {/if}
-{/if}
-
-<style>
-  table tbody {
-    display: block;
-    overflow-y: scroll;
-  }
-
-  table thead,
-  table tbody tr {
-    display: table;
-    width: 100%;
-    table-layout: fixed;
-  }
-</style>