fix: prevent answer text overflow by adding min-width and break-all styling

2026-06-30 18:16:38 +07:00
parent 2920520d41
commit a875a7b652
1 changed files with 2 additions and 2 deletions
@@ -138,13 +138,13 @@ export default function SubmissionDetailClient({
              <CardContent className="space-y-4">
                {ansValue ? (
                  <div className="flex items-start justify-between gap-4 p-3 bg-muted rounded-md group">
-                    <div className="flex flex-col">
+                    <div className="flex flex-col min-w-0">
                      {wasEdited && (
                        <span className="text-xs font-semibold text-muted-foreground mb-1">
                          Current Answer:
                        </span>
                      )}
-                      <span className="text-sm whitespace-pre-wrap leading-relaxed">
+                      <span className="text-sm whitespace-pre-wrap break-all leading-relaxed">
                        {ansValue}
                      </span>
                    </div>