diff --git a/web/app/dashboard/ai-workflows/_components/workflow-editor-toolbar.tsx b/web/app/dashboard/ai-workflows/_components/workflow-editor-toolbar.tsx
index fdb70d4..d40ad3a 100644
--- a/web/app/dashboard/ai-workflows/_components/workflow-editor-toolbar.tsx
+++ b/web/app/dashboard/ai-workflows/_components/workflow-editor-toolbar.tsx
@@ -69,7 +69,7 @@ export function WorkflowEditorToolbar({
   publishDisabled?: boolean
 }) {
   return (
-    <div className="flex min-h-10 max-w-full items-center justify-between gap-3 rounded-md border bg-background/95 px-2 py-1 shadow-sm backdrop-blur">
+    <div className="inline-flex min-h-10 w-fit max-w-full items-center gap-3 rounded-md border bg-background/95 px-2 py-1 shadow-sm backdrop-blur">
       <div className="flex min-w-0 shrink items-center gap-2">
         <span
           className={cn(
diff --git a/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx b/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
index d6e324f..b02dadb 100644
--- a/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
+++ b/web/app/dashboard/ai-workflows/_components/workflow-editor.tsx
@@ -272,7 +272,7 @@ function WorkflowEditorInner({
       <div
         className={cn(
           "absolute left-[17.5rem] top-3 z-50 max-w-[calc(100%-18.25rem)]",
-          selectedNodeId ? "right-[23.25rem]" : "right-3"
+          selectedNodeId && "max-w-[calc(100%-41rem)]"
         )}
       >
         <WorkflowEditorToolbar