From 842815f583416cd208a7fbccb25ca1af7957ef31 Mon Sep 17 00:00:00 2001
From: RND332 <eureq631@gmail.com>
Date: Sun, 20 Jul 2025 21:49:27 +0300
Subject: [PATCH] Refactor interaction panel layout for improved readability
 and maintainability

---
 src/routes/interaction-panel/$id.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/interaction-panel/$id.tsx b/src/routes/interaction-panel/$id.tsx
index b87e5b5..b358c64 100644
--- a/src/routes/interaction-panel/$id.tsx
+++ b/src/routes/interaction-panel/$id.tsx
@@ -37,7 +37,7 @@ const Sandbox = observer(() => {
 	};
 
 	return (
-		<div className="w-[40svw] border-l-1 p-0 px-2 pt-4 pb-2 font-work transition-all">
+		<div className="w-[40svw] p-0 px-2 pt-4 pb-2 font-work transition-all">
 			<div className="flex h-full flex-col gap-4">
 				<div className="flex min-h-[42px] flex-row items-center justify-between">
 					<div className="flex h-full flex-row gap-0.5 rounded-lg bg-[#F5F5F5] p-0.5">
@@ -80,7 +80,7 @@ const Sandbox = observer(() => {
 				</div>
 				<div
 					data-active={previewState === "preview"}
-					className="hidden h-full w-full bg-[#F5F5F5] data-[active=true]:block"
+					className="hidden h-full w-full data-[active=true]:block"
 				>
 					<Sandpack
 						theme="light"