From 89c5c69c210cc0fa73ac30abdb433e91a1699e58 Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Fri, 18 Aug 2023 15:29:27 +0200
Subject: [PATCH] fix(frontend): Fix JSON pane scroll issues (#2123)

---
 .../lib/components/details/DetailPageDetailPanel.svelte   | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/frontend/src/lib/components/details/DetailPageDetailPanel.svelte b/frontend/src/lib/components/details/DetailPageDetailPanel.svelte
index 9c4622976d..2ed1e87a99 100644
--- a/frontend/src/lib/components/details/DetailPageDetailPanel.svelte
+++ b/frontend/src/lib/components/details/DetailPageDetailPanel.svelte
@@ -82,7 +82,7 @@
 							</Pane>
 						</Splitpanes>
 					</TabContent>
-					<TabContent value="flow_json" class="flex flex-col flex-1 h-full">
+					<TabContent value="flow_json" class="flex flex-col flex-1 h-full overflow-auto">
 						<div class="relative pt-2">
 							<Button
 								on:click={() => copyToClipboard(JSON.stringify(flow_json, null, 4))}
@@ -94,11 +94,7 @@
 							>
 								Copy content
 							</Button>
-							<Highlight
-								language={json}
-								code={JSON.stringify(flow_json, null, 4)}
-								class="overflow-auto"
-							/>
+							<Highlight language={json} code={JSON.stringify(flow_json, null, 4)} />
 						</div>
 					</TabContent>
 					<TabContent value="flow_step" class="flex flex-col flex-1 h-full">