From 3cc1c5faf78be8c3bdc11a6959e298a4f86a3a68 Mon Sep 17 00:00:00 2001
From: KanonKC <kanonkce@gmail.com>
Date: Mon, 14 Apr 2025 19:49:04 +0700
Subject: [PATCH 1/2] Break the line for \n

---
 src/components/TestcaseValidationAccordion.tsx     |  4 ++--
 src/components/Textareas/RuntimeOutputTextarea.tsx | 13 +++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/TestcaseValidationAccordion.tsx b/src/components/TestcaseValidationAccordion.tsx
index 9daa576..26d5d51 100644
--- a/src/components/TestcaseValidationAccordion.tsx
+++ b/src/components/TestcaseValidationAccordion.tsx
@@ -94,7 +94,7 @@ const TestcaseValidationInstance = ({
 			</AccordionTrigger>
 			<AccordionContent>
 				<div className="ml-2">
-					<div className="gap-5 px-1">
+					<div className="gap-5 px-1 flex">
 						<div className="w-1/2">
 							<div className="flex justify-between">
 								<Label>Input</Label>
@@ -115,7 +115,7 @@ const TestcaseValidationInstance = ({
 								}
 							/>
 						</div>
-						<div></div>
+						<div className="w-1/2"></div>
 					</div>
 					<div className="flex gap-5 mt-3">
 						<div className="w-1/2">
diff --git a/src/components/Textareas/RuntimeOutputTextarea.tsx b/src/components/Textareas/RuntimeOutputTextarea.tsx
index 0dd7daf..8986aa4 100644
--- a/src/components/Textareas/RuntimeOutputTextarea.tsx
+++ b/src/components/Textareas/RuntimeOutputTextarea.tsx
@@ -27,15 +27,16 @@ const RuntimeOutputTextarea = ({
 			}
 
 			if (char === "\n") {
-				return <span className={cn(base, "text-blue-500")}>\n</span>;
+				return (
+					<>
+						<span className={cn(base, "text-blue-500")}>\n</span>
+						<br />
+					</>
+				);
 			} else if (char === "\r") {
 				return <span className={cn(base, "text-red-500")}>\r</span>;
 			} else {
-				return (
-					<span className={base} key={i}>
-						{char}
-					</span>
-				);
+				return <span className={base}>{char}</span>;
 			}
 		});
 	}, [value, compareValue]);

From 47f230b2600ebae48c878a9c4bf202a470abafa2 Mon Sep 17 00:00:00 2001
From: KanonKC <kanonkce@gmail.com>
Date: Sun, 20 Apr 2025 15:49:02 +0700
Subject: [PATCH 2/2] Include key

---
 src/components/Textareas/RuntimeOutputTextarea.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Textareas/RuntimeOutputTextarea.tsx b/src/components/Textareas/RuntimeOutputTextarea.tsx
index 8986aa4..963d767 100644
--- a/src/components/Textareas/RuntimeOutputTextarea.tsx
+++ b/src/components/Textareas/RuntimeOutputTextarea.tsx
@@ -36,7 +36,7 @@ const RuntimeOutputTextarea = ({
 			} else if (char === "\r") {
 				return <span className={cn(base, "text-red-500")}>\r</span>;
 			} else {
-				return <span className={base}>{char}</span>;
+				return <span className={base} key={i}>{char}</span>;
 			}
 		});
 	}, [value, compareValue]);