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..963d767 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} key={i}>{char}</span>;
 			}
 		});
 	}, [value, compareValue]);