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"