diff --git a/html/hot_people_who_eat_croissants_are_dangerous.tsx b/html/hot_people_who_eat_croissants_are_dangerous.tsx
index 66521ec..633b818 100644
--- a/html/hot_people_who_eat_croissants_are_dangerous.tsx
+++ b/html/hot_people_who_eat_croissants_are_dangerous.tsx
@@ -1,9 +1,12 @@
 import { Html, debug_render } from "./html.ts";
 import { Component } from "./jsx/jsx-runtime.ts";
 
+const peopleify = (...people: string[]): string[] =>
+    people.map(p => `${p} people`);
+
 const wheel = (...items: Html[]): Html => (
     <div class="wheel">
-        {...items.map(i => <div class="wheel-item">{i} people</div>)}
+        {...items.map(i => <div class="wheel-item">{i}</div>)}
     </div>
 );
 
@@ -17,7 +20,7 @@ const Take: Component = ({ subjects, objects, adjectives }, _) => (
 // might want to have the final item be seperate
 debug_render(
     <Take
-        subjects={[
+        subjects={peopleify(
             "poor",
             "fat",
             "dumb",
@@ -27,8 +30,8 @@ debug_render(
             "fat",
             "dumb",
             "tall",
-            "hot",
-        ]}
+            "hot"
+        )}
         objects={[
             "apples",
             "bread",