diff --git a/src/backend/components/boardgame.tsx b/src/backend/components/boardgame.tsx
index 4a0b3ad..9d5a95b 100644
--- a/src/backend/components/boardgame.tsx
+++ b/src/backend/components/boardgame.tsx
@@ -54,7 +54,7 @@ export const getBoardgameHtml = (key: string, gameState: BoardgameStateType, gam
   return (
     <board-game track={key} className={gameActiveClassNames.join(" ")} game-variant={gameVariant}>
       <form method="post" is="progressive-form">
-        <p>
+        <p class="when-outcome-undecided">
           Current player: <span class="current-player-name">{gameState.currentPlayerName}</span>
         </p>
 
diff --git a/src/frontend/static/style.css b/src/frontend/static/style.css
index 4de5f61..25d5b7d 100644
--- a/src/frontend/static/style.css
+++ b/src/frontend/static/style.css
@@ -33,6 +33,7 @@ li form {
 board-game:not(.outcome-winx) .when-outcome-winx,
 board-game:not(.outcome-wino) .when-outcome-wino,
 board-game:not(.outcome-draw) .when-outcome-draw,
+board-game:not(.outcome-undecided) .when-outcome-undecided,
 board-game:not(.autoplayer-x-enabled) .when-autoplayer-x-enabled,
 board-game:not(.autoplayer-x-disabled) .when-autoplayer-x-disabled,
 board-game:not(.autoplayer-o-enabled) .when-autoplayer-o-enabled,
diff --git a/src/shared/display.ts b/src/shared/display.ts
index 7adc49b..ef202f2 100644
--- a/src/shared/display.ts
+++ b/src/shared/display.ts
@@ -4,6 +4,7 @@ export const getDisplayStates = (gameState: BoardgameStateType, currentOutcome:
   "outcome-winx": currentOutcome === CurrentOutcome.WinX,
   "outcome-wino": currentOutcome === CurrentOutcome.WinO,
   "outcome-draw": currentOutcome === CurrentOutcome.Draw,
+  "outcome-undecided": currentOutcome === CurrentOutcome.Undecided,
   "autoplayer-x-enabled": gameState.autoPlayers.has(Player.X),
   "autoplayer-x-disabled": !gameState.autoPlayers.has(Player.X),
   "autoplayer-o-enabled": gameState.autoPlayers.has(Player.O),