From 838013fb9a1b3ef41532ca444dd56ee6114c88cb Mon Sep 17 00:00:00 2001
From: Joey Yakimowich-Payne <jyapayne@pm.me>
Date: Tue, 13 Jan 2026 11:11:40 -0700
Subject: [PATCH] Fix ui bug on why is this correct box

---
 components/QuizCreator.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/components/QuizCreator.tsx b/components/QuizCreator.tsx
index b9fb968..726e527 100644
--- a/components/QuizCreator.tsx
+++ b/components/QuizCreator.tsx
@@ -149,17 +149,19 @@ export const QuizCreator: React.FC<QuizCreatorProps> = ({ onFinalize, onCancel }
                           placeholder={`Option ${idx + 1}`}
                        />
                      </div>
-                     <input
-                        type="text"
-                        value={reasons[idx]}
-                        onChange={(e) => {
-                          const newReasons = [...reasons];
-                          newReasons[idx] = e.target.value;
-                          setReasons(newReasons);
-                        }}
-                        className="w-full p-2 ml-12 text-sm outline-none text-gray-500 bg-gray-50 rounded-lg placeholder:text-gray-400"
-                        placeholder={isSelected ? "Why is this correct? (optional)" : "Why is this wrong? (optional)"}
-                     />
+                     <div className="pl-12">
+                       <input
+                          type="text"
+                          value={reasons[idx]}
+                          onChange={(e) => {
+                            const newReasons = [...reasons];
+                            newReasons[idx] = e.target.value;
+                            setReasons(newReasons);
+                          }}
+                          className="w-full p-2 text-sm outline-none text-gray-500 bg-gray-50 rounded-lg placeholder:text-gray-400"
+                          placeholder={isSelected ? "Why is this correct? (optional)" : "Why is this wrong? (optional)"}
+                       />
+                     </div>
                    </div>
                  )
               })}