diff --git a/src/components/GameTable.tsx b/src/components/GameTable.tsx
index 2d7fe6d..593b728 100644
--- a/src/components/GameTable.tsx
+++ b/src/components/GameTable.tsx
@@ -1,8 +1,17 @@
-import { Button, Divider, Flex, Table } from "antd";
+import { Button, Divider, Flex, Table as AntTable } from "antd";
 import type { GamesData } from "../types";
 import User from "./User";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useMemo, useState } from "react";
 import { useRequest } from "ahooks";
+import styled from "styled-components";
+
+const Table = styled(AntTable<GamesData>)`
+  width: 100%;
+  max-width: 400px;
+  .ant-table, .ant-table-footer {
+    background: transparent;
+  }
+`;
 
 interface Props {
   uid?: string;
@@ -49,7 +58,7 @@ export function GameTable(props: Props) {
         pagination={false}
         dataSource={displayData}
         size="small"
-        style={{ width: '100%', maxWidth: 400 }}
+        style={{ width: '100%', maxWidth: 400, background: 'transparent' }}
         footer={() => (
           <Flex justify="center">
             <Button