From 5affb7e5d5f8f7a5c2a5dbbc539c9741a1762d53 Mon Sep 17 00:00:00 2001
From: kwasniew <kwasniewski.mateusz@gmail.com>
Date: Mon, 4 Dec 2023 11:01:57 +0100
Subject: [PATCH 1/2] fix: prevent search being stacked on top of the form
 dropdown

---
 .../component/playground/Playground/AdvancedPlayground.tsx    | 4 ++++
 .../playground/Playground/PlaygroundForm/PlaygroundForm.tsx   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/playground/Playground/AdvancedPlayground.tsx b/frontend/src/component/playground/Playground/AdvancedPlayground.tsx
index 5fc8f0dcbe1e..707e2d990e2a 100644
--- a/frontend/src/component/playground/Playground/AdvancedPlayground.tsx
+++ b/frontend/src/component/playground/Playground/AdvancedPlayground.tsx
@@ -245,6 +245,8 @@ export const AdvancedPlayground: VFC<{
                     sx={{
                         background: theme.palette.background.elevation2,
                         borderBottomLeftRadius: theme.shape.borderRadiusMedium,
+                        isolation: 'isolate',
+                        zIndex: 2,
                     }}
                 >
                     <Paper
@@ -279,6 +281,8 @@ export const AdvancedPlayground: VFC<{
                         width: resultsWidth,
                         transition: 'width 0.4s ease',
                         padding: theme.spacing(4, 4),
+                        isolation: 'isolate',
+                        zIndex: 1,
                     })}
                 >
                     <ConditionallyRender
diff --git a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx
index e8ffb362ae83..bed444576477 100644
--- a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx
@@ -35,7 +35,7 @@ export const PlaygroundForm: VFC<IPlaygroundFormProps> = ({
             onSubmit={onSubmit}
             sx={{
                 display: 'flex',
-                flexDirection: 'column',
+                flexDirection: 'column'
             }}
         >
             <PlaygroundConnectionFieldset

From 75789db217d5344e6e9cd3dbd3aadf7165463c58 Mon Sep 17 00:00:00 2001
From: kwasniew <kwasniewski.mateusz@gmail.com>
Date: Mon, 4 Dec 2023 11:09:38 +0100
Subject: [PATCH 2/2] fix: prevent search being stacked on top of the form
 dropdown

---
 .../playground/Playground/PlaygroundForm/PlaygroundForm.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx
index bed444576477..e8ffb362ae83 100644
--- a/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx
+++ b/frontend/src/component/playground/Playground/PlaygroundForm/PlaygroundForm.tsx
@@ -35,7 +35,7 @@ export const PlaygroundForm: VFC<IPlaygroundFormProps> = ({
             onSubmit={onSubmit}
             sx={{
                 display: 'flex',
-                flexDirection: 'column'
+                flexDirection: 'column',
             }}
         >
             <PlaygroundConnectionFieldset