diff --git a/app/src/components/HintPart.vue b/app/src/components/HintPart.vue
index dad0189..54b417f 100644
--- a/app/src/components/HintPart.vue
+++ b/app/src/components/HintPart.vue
@@ -60,9 +60,15 @@ const right = () => {
     </div>
   </div>
   <div id="hint" class="bg-bg flex flex-wrap p-8">
-    <p class="text-text font-xl whitespace-pre-wrap">
-      {{ sessionStore.session.hints[current] }}
-    </p>
+    <ul>
+      <li
+        v-for="hint in sessionStore.session.hints[current]"
+        :key="hint"
+        class="text-text font-xl whitespace-pre-wrap"
+      >
+        ➤ {{ hint }}
+      </li>
+    </ul>
     <br />
   </div>
 </template>
diff --git a/app/src/store/session.js b/app/src/store/session.js
index ac64e88..5464bd0 100644
--- a/app/src/store/session.js
+++ b/app/src/store/session.js
@@ -86,7 +86,7 @@ function updateGraph(event) {
 }
 
 function updateHints(hints) {
-  store.session.hints.push(...hints)
+  store.session.hints.push(hints)
 }
 
 function updateStatus(status) {
diff --git a/packages/models/session.js b/packages/models/session.js
index 85568a1..50c62b5 100644
--- a/packages/models/session.js
+++ b/packages/models/session.js
@@ -54,7 +54,7 @@ const Session = model(
         required: true,
       },
       tasks: [taskSchema],
-      hints: [String],
+      hints: [[String]],
       graph: {
         type: nodeSchema,
         default: {
diff --git a/server/src/game/sessionHandler.js b/server/src/game/sessionHandler.js
index 053126c..906126b 100644
--- a/server/src/game/sessionHandler.js
+++ b/server/src/game/sessionHandler.js
@@ -47,7 +47,7 @@ export default class SessionHandler {
         t.completed = true
       })
 
-    this.session.hints.push(...stage.hints)
+    this.session.hints.push(stage.hints)
 
     this.addNewTasks()