From e8a72206dd447fab84283bcc9203894c01d44bee Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Wed, 29 Mar 2023 14:40:07 +0800
Subject: [PATCH] fix: overlay z-index issues

---
 packages/ui/src/lib/theme/defaultTheme.ts | 8 ++++++--
 studio/styles/main.scss                   | 4 ++++
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/lib/theme/defaultTheme.ts b/packages/ui/src/lib/theme/defaultTheme.ts
index 53809a966fe..d239b4e71d1 100644
--- a/packages/ui/src/lib/theme/defaultTheme.ts
+++ b/packages/ui/src/lib/theme/defaultTheme.ts
@@ -972,6 +972,7 @@ export default {
 
   sidepanel: {
     base: `
+      z-50
       bg-scale-100 dark:bg-scale-300
       flex flex-col
       fixed
@@ -1023,6 +1024,7 @@ export default {
       bg-scale-300 dark:bg-scale-500
     `,
     overlay: `
+      z-50
       fixed
       bg-scale-300
       dark:bg-scale-100
@@ -1210,12 +1212,12 @@ export default {
       data-open:text-scale-1200
     `,
     content: `
+      z-50
       bg-scale-100 dark:bg-scale-300
       border border-scale-300 dark:border-scale-500
       rounded
       shadow-lg
       py-1.5
-
       origin-dropdown
       data-open:animate-dropdown-content-show
       data-closed:animate-dropdown-content-hide
@@ -1297,6 +1299,7 @@ export default {
 
     `,
     content: `
+      z-50
       bg-scale-100 dark:bg-scale-300
       border border-scale-300 dark:border-scale-500
       rounded
@@ -1469,6 +1472,7 @@ export default {
       xxxlarge: `sm:align-middle sm:w-full max-w-7xl`,
     },
     overlay: `
+      z-50
       fixed
       bg-scale-300
       dark:bg-scale-100
@@ -1480,13 +1484,13 @@ export default {
       data-open:animate-fade-in-overlay-bg
     `,
     scroll_overlay: `
+      z-50
       fixed
       inset-0
       grid
       place-items-center
       overflow-y-auto
       data-open:animate-overlay-show data-closed:animate-overlay-hide
-  
     `,
     separator: `
       w-full
diff --git a/studio/styles/main.scss b/studio/styles/main.scss
index 5a3b5a8a9dc..d835f55f74c 100644
--- a/studio/styles/main.scss
+++ b/studio/styles/main.scss
@@ -233,3 +233,7 @@ div[data-radix-portal]:not(.portal--toast) {
     @apply pr-7;
   }
 }
+
+[data-radix-popper-content-wrapper] {
+  @apply z-50 #{!important};
+}