1 files changed, 14 insertions, 2 deletions
diff --git a/src/components/Timer.tsx b/src/components/Timer.tsx
index e90c3ce..c3bc555 100644
--- a/src/components/Timer.tsx
+++ b/src/components/Timer.tsx
@@ -9,8 +9,20 @@ enum Mode {
 };
 
 const helperText = {
-  [Mode.idle]: 'Hold SPACE to start countdown',
-  [Mode.countdown]: 'Release SPACE to begin',
+  [Mode.idle]: (
+    <>
+      <span>Hold </span>
+      <code>SPACE</code>
+      <span> to start countdown</span>
+    </>
+  ),
+  [Mode.countdown]: (
+    <>
+      <span>Release </span>
+      <code>SPACE</code>
+      <span> to begin</span>
+    </>
+  ),
   [Mode.running]: 'Go fast!',
   [Mode.over]: 'You are too late!',
 };