Fix Render

src/components/FightTable.svelte

@@ -42,7 +42,7 @@
     }
 </script>
 
-<div>
+<div class="p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto">
     <table>
         <thead>
             <tr class="font-bold border-b">
@@ -70,10 +70,4 @@
             {/each}
         </tbody>
     </table>
-</div>
-
-<style lang="scss">
-  div {
-    @apply p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto;
-  }
-</style>
+</div>

src/components/GroupTable.svelte

@@ -48,8 +48,8 @@
     }).sort((a, b) => b.points - a.points);
 </script>
 
-<div>
-    <table>
+<div class="p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto">
+    <table class="w-full">
         <thead>
             <tr class="font-bold border-b">
                 {#each Array(rows) as i (i)}
@@ -70,12 +70,3 @@
         </tbody>
     </table>
 </div>
-
-<style lang="scss">
-  table {
-    @apply w-full;
-  }
-  div {
-    @apply p-3 bg-gray-200 dark:bg-neutral-800 rounded-2xl w-3/4 mx-auto;
-  }
-</style>