From a9363efec1d480b18a92c6bc4f705185a385c9f6 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Mon, 4 Dec 2023 12:27:25 +0100
Subject: [PATCH] fix: prevent search being stacked on top of the form dropdown
 (#5523)

---
 .../component/playground/Playground/AdvancedPlayground.tsx    | 4 ++++
 1 file changed, 4 insertions(+)

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