diff --git a/web/src/App.scss b/web/src/App.scss
index 55aefe1..5992e9f 100644
--- a/web/src/App.scss
+++ b/web/src/App.scss
@@ -1,6 +1,3 @@
 @use "node_modules/@picocss/pico/scss/pico" with (
     $theme-color: "pumpkin"
 );
-
-@import "./pages/game/GamePage.scss";
-@import "./pages/game/components/GameBoard.scss";
diff --git a/web/src/App.tsx b/web/src/App.tsx
index 8778670..45a0843 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -1,5 +1,6 @@
 import { io } from "socket.io-client";
 import GamePage from "./pages/game/GamePage";
+import "./App.scss";
 
 function App() {
   const socket = io("http://localhost:3010");
diff --git a/web/src/index.tsx b/web/src/index.tsx
index dd89d8c..46075e1 100644
--- a/web/src/index.tsx
+++ b/web/src/index.tsx
@@ -1,7 +1,6 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
-import "./App.scss";
 
 const root = ReactDOM.createRoot(
   document.getElementById("root") as HTMLElement,
diff --git a/web/src/pages/game/GamePage.scss b/web/src/pages/game/GamePage.scss
index 1cbf756..9847b6c 100644
--- a/web/src/pages/game/GamePage.scss
+++ b/web/src/pages/game/GamePage.scss
@@ -3,3 +3,14 @@ h1 {
     padding: 10px;
     margin: 0;
 }
+
+.game-panel {
+    user-select: none; /* Standard syntax */
+    display: flex;
+    flex-direction: row;
+
+    .right-panel {
+        display: flex;
+        flex-direction: column;
+    }
+}
diff --git a/web/src/pages/game/GamePage.tsx b/web/src/pages/game/GamePage.tsx
index 663aefc..3b42ea0 100644
--- a/web/src/pages/game/GamePage.tsx
+++ b/web/src/pages/game/GamePage.tsx
@@ -1,5 +1,7 @@
 import React from "react";
 import GameBoard from "./components/GameBoard";
+import DiceSet from "./components/DiceSet";
+import "./GamePage.scss";
 
 const GamePage = () => {
   return (
@@ -7,6 +9,9 @@ const GamePage = () => {
       <h1>Game Page Title</h1>
       <div className="game-panel">
         <GameBoard />
+        <div className="rigth-panel">
+          <DiceSet />
+        </div>
       </div>
     </React.Fragment>
   );
diff --git a/web/src/pages/game/components/DiceSet.scss b/web/src/pages/game/components/DiceSet.scss
new file mode 100644
index 0000000..22145b0
--- /dev/null
+++ b/web/src/pages/game/components/DiceSet.scss
@@ -0,0 +1,17 @@
+.dice-set {
+    display: grid;
+    grid-template-columns: repeat(2, auto);
+    gap: 20px;
+    padding: 50px;
+
+    .dice {
+        height: 150px;
+        width: 150px;
+        border: 2px solid black;
+        border-radius: 10%;
+
+        img{
+            border-radius: 10%;
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/src/pages/game/components/DiceSet.tsx b/web/src/pages/game/components/DiceSet.tsx
new file mode 100644
index 0000000..28ae505
--- /dev/null
+++ b/web/src/pages/game/components/DiceSet.tsx
@@ -0,0 +1,20 @@
+import "./DiceSet.scss";
+
+const DiceSet = () => {
+  const diceImages = [1, 2, 3, 4]
+    .map(() => Math.floor(Math.random() * 22 + 1))
+    .map((index) => ("0" + index).slice(-2))
+    .map((index) => `${process.env.PUBLIC_URL}/pieces/P${index}.jpeg`);
+
+  return (
+    <div className="dice-set">
+      {diceImages.map((file) => (
+        <div className="dice">
+          <img src={file}></img>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default DiceSet;
diff --git a/web/src/pages/game/components/GameBoard.scss b/web/src/pages/game/components/GameBoard.scss
index fca4d47..4d6cc7b 100644
--- a/web/src/pages/game/components/GameBoard.scss
+++ b/web/src/pages/game/components/GameBoard.scss
@@ -1,6 +1,8 @@
 .game-board {
     height: 850px;
     width: 850px;
+    min-height: 850px;
+    min-width: 850px;
     display: grid;
     grid-template-columns: repeat(7, auto);
     gap: auto;
diff --git a/web/src/pages/game/components/GameBoard.tsx b/web/src/pages/game/components/GameBoard.tsx
index bfacbe7..e3dabf0 100644
--- a/web/src/pages/game/components/GameBoard.tsx
+++ b/web/src/pages/game/components/GameBoard.tsx
@@ -1,4 +1,5 @@
 import { buildBoard, Cell, directions, Exit } from "interface";
+import "./GameBoard.scss";
 
 const GameBoard = () => {
   const board: Cell[][] = buildBoard();