From aa3da2bcf2074c89a6cfdb5f8a66b03fcee32f28 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Thu, 3 Oct 2024 15:49:44 +0100
Subject: [PATCH] Fix z-index

---
 .../builder/src/components/backend/RoleEditor/Controls.svelte   | 2 +-
 .../builder/src/components/backend/RoleEditor/RoleFlow.svelte   | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/backend/RoleEditor/Controls.svelte b/packages/builder/src/components/backend/RoleEditor/Controls.svelte
index 9c851193e8..b695a71a43 100644
--- a/packages/builder/src/components/backend/RoleEditor/Controls.svelte
+++ b/packages/builder/src/components/backend/RoleEditor/Controls.svelte
@@ -30,7 +30,7 @@
 <style>
   .control {
     position: absolute;
-    z-index: 999;
+    z-index: 10;
     display: flex;
     flex-direction: row;
     align-items: center;
diff --git a/packages/builder/src/components/backend/RoleEditor/RoleFlow.svelte b/packages/builder/src/components/backend/RoleEditor/RoleFlow.svelte
index 9e688fd4e5..5507e5ee87 100644
--- a/packages/builder/src/components/backend/RoleEditor/RoleFlow.svelte
+++ b/packages/builder/src/components/backend/RoleEditor/RoleFlow.svelte
@@ -200,12 +200,14 @@
     position: absolute;
     top: 20px;
     left: 20px;
+    z-index: 10;
   }
   .footer {
     position: absolute;
     left: 20px;
     bottom: 20px;
     color: var(--spectrum-global-color-gray-600);
+    z-index: 10;
   }
 
   /* Customise svelte-flow theme */