diff --git a/web-svelte/src/components/PlayerHand.svelte b/web-svelte/src/components/PlayerHand.svelte
index 5c72276..dad6e1f 100644
--- a/web-svelte/src/components/PlayerHand.svelte
+++ b/web-svelte/src/components/PlayerHand.svelte
@@ -1,13 +1,27 @@
 <script lang="ts">
+import { createEventDispatcher } from "svelte";
 import Card from "./Card.svelte";
 import { hand } from "../stores";
+
+const emit = createEventDispatcher();
+let canChooseFuel = true;
+
+// Prevent rendering of a board preview when the player isn't allowed to select
+// a card.
+function filterHoverEvents(e: any) {
+	if (canChooseFuel) {
+		emit(`hover`, e.detail);
+	};
+};
 </script>
 
 
 <div id="hand">
 	{#each $hand as card (card.symbol)}
 		<Card
+			on:hover="{filterHoverEvents}"
 			hidden="{false}"
+			button="{canChooseFuel}"
 			{card}
 		/>
 	{/each}