1 files changed, 16 insertions, 16 deletions

diff --git a/frontend/src/components/GameCategory.tsx b/frontend/src/components/GameCategory.tsx
index d8879ef..b18c9d9 100644
--- a/frontend/src/components/GameCategory.tsx
+++ b/frontend/src/components/GameCategory.tsx
@@ -1,24 +1,24 @@
-import React from 'react';
+import React from "react";
 import { Link } from "react-router-dom";
 
-import { Game, GameCategoryPortals } from '@customTypes/Game';
-import "@css/Games.css"
+import { Game, GameCategoryPortals } from "@customTypes/Game";
 
 interface GameCategoryProps {
-    game: Game;
-    cat: GameCategoryPortals;
+  game: Game;
+  cat: GameCategoryPortals;
 }
 
-const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => {
-    return (
-        <Link className="games-page-item-body-item" to={"/games/" + game.id + "?cat=" + cat.category.id}>
-        <div>
-              <span className='games-page-item-body-item-title'>{cat.category.name}</span>
-              <br />
-              <span className='games-page-item-body-item-num'>{cat.portal_count}</span>
-        </div>
-        </Link>
-    )
-}
+const GameCategory: React.FC<GameCategoryProps> = ({ cat, game }) => {
+  return (
+    <Link
+      className="bg-surface text-center w-full h-[100px] rounded-3xl text-foreground m-3 hover:bg-surface1 transition-colors flex flex-col justify-between p-4"
+      to={"/games/" + game.id + "?cat=" + cat.category.id}
+    >
+      <p className="text-3xl font-semibold">{cat.category.name}</p>
+      <br />
+      <p className="font-bold text-4xl">{cat.portal_count}</p>
+    </Link>
+  );
+};
 
 export default GameCategory;