feat: performance tank table occupy more real estate

packages/website/src/components/Performance/Table.tsx

@@ -1,20 +1,22 @@
-import { Flex } from '@radix-ui/themes';
+import { Flex } from "@radix-ui/themes";
-import type { MaybeSkeletonComponentProps } from '../../types/maybeSkeletonComponentProps';
+import type { MaybeSkeletonComponentProps } from "../../types/maybeSkeletonComponentProps";
-import { StickyTableRoot } from '../StickyTableRoot';
+import { StickyTableRoot } from "../StickyTableRoot";
-import { Header } from './Header';
+import { Header } from "./Header";
-import { Tanks } from './Tanks';
+import { Tanks } from "./Tanks";
 
 export function TankTable({ skeleton }: MaybeSkeletonComponentProps) {
   return (
     <Flex justify="center" maxWidth="100%" flexGrow="1" position="relative">
       <StickyTableRoot
-        size={{ initial: '1', sm: '2' }}
+        size={{ initial: "1", sm: "2" }}
         variant="surface"
         style={{
-          position: 'absolute',
+          position: "absolute",
-          maxWidth: '100%',
+          maxWidth: "100%",
-          maxHeight: '100%',
+          maxHeight: "100%",
-          height: '100%',
+          height: "100%",
+          borderBottomRightRadius: 0,
+          borderBottomLeftRadius: 0,
         }}
       >
         <Header />

packages/website/src/pages/[...locale]/performance/_index.tsx

@@ -20,7 +20,7 @@ export function Page({ skeleton, locale }: PageProps) {
 
 function Content({ skeleton }: MaybeSkeletonComponentProps) {
   return (
-    <PageWrapper color="jade" maxWidth="100%">
+    <PageWrapper pb="0" px="0" color="jade" maxWidth="100%">
       <FilterControl />
       <PlayerCountControl />