From 1367268f7cc7c29054ef0fbb80b65e13272ec040 Mon Sep 17 00:00:00 2001
From: Sipke Schoorstra <sipkeschoorstra@outlook.com>
Date: Tue, 26 Jul 2022 16:44:54 +0200
Subject: [PATCH] More Z index fixes

---
 .../components/toolbar/workflow-toolbar/workflow-toolbar.tsx    | 2 +-
 .../modules/workflow-definitions/components/publish-button.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx b/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx
index 8e0cbd61f..a2874a2e4 100644
--- a/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx
+++ b/src/designer/elsa-workflows-designer/src/components/toolbar/workflow-toolbar/workflow-toolbar.tsx
@@ -24,7 +24,7 @@ export class WorkflowToolbar {
       <nav class="bg-gray-800">
         <div class="mx-auto px-2 sm:px-6 lg:px-6">
           <div class="relative flex items-center justify-end h-16">
-            <div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0 z-30">
+            <div class="absolute inset-y-0 right-0 flex items-center pr-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0 z-40">
               {/* Notifications*/}
               <button
                 onClick={e => this.onNotificationClick(e)}
diff --git a/src/designer/elsa-workflows-designer/src/modules/workflow-definitions/components/publish-button.tsx b/src/designer/elsa-workflows-designer/src/modules/workflow-definitions/components/publish-button.tsx
index ddecc4a99..d10a1407e 100644
--- a/src/designer/elsa-workflows-designer/src/modules/workflow-definitions/components/publish-button.tsx
+++ b/src/designer/elsa-workflows-designer/src/modules/workflow-definitions/components/publish-button.tsx
@@ -91,7 +91,7 @@ export class PublishButton {
 
     return (
       <Host class="block" ref={el => this.element = el}>
-        <span class="relative z-0 inline-flex shadow-sm rounded-md">
+        <span class="relative z-40 inline-flex shadow-sm rounded-md">
           {this.publishing ? this.renderPublishingButton() : this.renderPublishButton()}
           <span class="-ml-px relative block">
             <button onClick={() => this.toggleMenu()} id="option-menu" type="button"