diff --git a/web-svelte/src/components/Board.svelte b/web-svelte/src/components/Board.svelte
index d69c99f..282ca68 100644
--- a/web-svelte/src/components/Board.svelte
+++ b/web-svelte/src/components/Board.svelte
@@ -38,7 +38,7 @@ function calculateMidNumber(row: number, col: number) {
 
 <main class="board">
 	<div class="singularity inner-grid"></div>
-	<div class="right-down-1 inner-grid">
+	<div class="side-hex right-down-1 inner-grid">
 		<Hexagon>
 			{#if board[10] != null}
 			<div
@@ -52,7 +52,7 @@ function calculateMidNumber(row: number, col: number) {
 			{/if}
 		</Hexagon>
 	</div>
-	<div class="left-down-1 inner-grid">
+	<div class="side-hex left-down-1 inner-grid">
 		<Hexagon>
 			{#if board[21] != null}
 			<div
@@ -66,7 +66,7 @@ function calculateMidNumber(row: number, col: number) {
 			{/if}
 		</Hexagon>
 	</div>
-	<div class="right-down-2 inner-grid">
+	<div class="side-hex right-down-2 inner-grid">
 		<Hexagon>
 			{#if board[32] != null}
 			<div
@@ -80,7 +80,7 @@ function calculateMidNumber(row: number, col: number) {
 			{/if}
 		</Hexagon>
 	</div>
-	<div class="left-down-2 inner-grid">
+	<div class="side-hex left-down-2 inner-grid">
 		<Hexagon>
 			{#if board[43] != null}
 			<div