2 files changed, 10 insertions, 7 deletions

diff --git a/frontend/src/components/GameCategory.tsx b/frontend/src/components/GameCategory.tsx
index d8879ef..80ee416 100644
--- a/frontend/src/components/GameCategory.tsx
+++ b/frontend/src/components/GameCategory.tsx
@@ -3,6 +3,8 @@ import { Link } from "react-router-dom";
 
 import { Game, GameCategoryPortals } from '@customTypes/Game';
 import "@css/Games.css"
+import games from "@css/Games.module.css";
+import info from "@css/Info.module.css";
 
 interface GameCategoryProps {
     game: Game;
@@ -11,11 +13,11 @@ interface GameCategoryProps {
 
 const GameCategory: React.FC<GameCategoryProps> = ({cat, game}) => {
     return (
-        <Link className="games-page-item-body-item" to={"/games/" + game.id + "?cat=" + cat.category.id}>
+        <Link className={info.infoBlock} to={"/games/" + game.id + "?cat=" + cat.category.id}>
         <div>
-              <span className='games-page-item-body-item-title'>{cat.category.name}</span>
+              <span>{cat.category.name}</span>
               <br />
-              <span className='games-page-item-body-item-num'>{cat.portal_count}</span>
+              <span>{cat.portal_count}</span>
         </div>
         </Link>
     )
diff --git a/frontend/src/components/GameEntry.tsx b/frontend/src/components/GameEntry.tsx
index 3bd2842..ebba419 100644
--- a/frontend/src/components/GameEntry.tsx
+++ b/frontend/src/components/GameEntry.tsx
@@ -3,6 +3,7 @@ import { Link } from "react-router-dom";
 
 import { Game, GameCategoryPortals } from '@customTypes/Game';
 import "@css/Games.css"
+import games from "@css/Games.module.css";
 
 import GameCategory from '@components/GameCategory';
 
@@ -18,12 +19,12 @@ const GameEntry: React.FC<GameEntryProps> = ({ game }) => {
   }, [game.category_portals]);
 
   return (
-    <Link to={"/games/" + game.id}><div className='games-page-item'>
-      <div className='games-page-item-header'>
-        <div style={{ backgroundImage: `url(${game.image})` }} className='games-page-item-header-img'></div>
+    <Link to={"/games/" + game.id}><div className={games.game}>
+      <div className={games.header}>
+                  <div style={{ backgroundImage: `url(${game.image})` }}></div>
         <span><b>{game.name}</b></span>
       </div>
-      <div id={game.id as any as string} className='games-page-item-body'>
+          <div id={game.id as any as string} className={games.infoBlockContainer}>
         {catInfo.map((cat, index) => {
           return <GameCategory cat={cat} game={game} key={index}></GameCategory>
         })}