diff --git a/fairhopper-sdk b/fairhopper-sdk
index 5e89819..10290db 160000
--- a/fairhopper-sdk
+++ b/fairhopper-sdk
@@ -1 +1 @@
-Subproject commit 5e8981953f166b6625263a9a8ca8d345c4ca6268
+Subproject commit 10290dba54cb926dccc376c3675cceec919a77ce
diff --git a/frontend/index.html b/frontend/index.html
index a773ee5..239d4b4 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -34,6 +34,13 @@
 </body>
 
 <script>
+    const BOARD_ICONS = {
+        PLAYER: "😀",
+        PLAYER_ON_DESTINATION: "😎",
+        OBSTACLE: "🔥",
+        DESTINATION: "🏠",
+    };
+
     function createBoard(board) {
         let html = "";
         for (let y = 0; y < board.height; y++) {
@@ -76,7 +83,7 @@
     function renderPlayers(players) {
         players.filter(player => player.active).forEach(player => {
             const cell = findCell(player.position);
-            const playerIcon = player.reached_destination ? "😎" : "😀";
+            const playerIcon = player.reached_destination ? BOARD_ICONS.PLAYER_ON_DESTINATION : BOARD_ICONS.PLAYER;
             if (cell) {
                 const html = `
                     <div class="player-tooltip">${player.name}</div>
@@ -98,12 +105,12 @@
     function renderObstacles(layers) {
         const objects = getLayerObjectsOfType(layers, "OBSTACLE");
         objects.forEach(obj => {
-            renderCellContent(obj.position, "🔥");
+            renderCellContent(obj.position, BOARD_ICONS.OBSTACLE);
         });
     }
 
     function renderDestination(position) {
-        renderCellContent(position, "🏠");
+        renderCellContent(position, BOARD_ICONS.DESTINATION);
     }
 
 
diff --git a/frontend/styles.css b/frontend/styles.css
index 67efbed..2606587 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -13,6 +13,10 @@ body {
     grid-gap: 2px;
     padding-bottom: 2px;
 }
+.flex-grid:last-of-type {
+    padding-bottom: 0px;
+}
+
 .cell {
     flex: 1;
     aspect-ratio: 1;