fix multi tab presence

packages/client/src/components/Table.tsx

@@ -12,7 +12,7 @@ import api, { fromWebsocket } from "../api";
 import { me, playerColor, profile } from "../profile";
 import { fromEvents, Stream, stream } from "kefir";
 import Bus from "kefir-bus";
-import { createObservable, createObservableWithInit, WSEvent } from "../fn";
+import { createObservable, createObservableWithInit, cx, WSEvent } from "../fn";
 import { EdenWS } from "@elysiajs/eden/treaty";
 import { TWsIn, TWsOut } from "../../../server/src/table";
 import Player from "./Player";
@@ -72,9 +72,24 @@ export default (props: { tableKey: string }) => {
 			</div>
 			<div
 				id="table"
-				class="fixed bg-radial from-orange-950 to-stone-950 border-neutral-950 border-4 top-40 bottom-20 left-10 right-10 shadow-lg"
+				class={cx(
+					"fixed",
+
+					"bg-radial",
+					"from-orange-950",
+					"to-stone-950",
+
+					"border-4",
+					"border-neutral-950",
+					"shadow-lg",
+
+					"top-40",
+					"bottom-20",
+					"left-10",
+					"right-10"
+				)}
 				style={{
-					"border-radius": "50% 50%",
+					"border-radius": "50%",
 				}}
 			>
 				<Show when={view() == null}>