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 */