From f3e4b7dfd07688921c9213fb8c878be369eaece0 Mon Sep 17 00:00:00 2001
From: Shahed Nasser <shahednasser@gmail.com>
Date: Wed, 21 Aug 2024 17:49:24 +0300
Subject: [PATCH] docs: fix tooltip placement and width in workflows reference
 (#8691)

---
 .../src/components/WorkflowDiagram/Common/Node/index.tsx       | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/www/packages/docs-ui/src/components/WorkflowDiagram/Common/Node/index.tsx b/www/packages/docs-ui/src/components/WorkflowDiagram/Common/Node/index.tsx
index 28405cc458..30a2b87763 100644
--- a/www/packages/docs-ui/src/components/WorkflowDiagram/Common/Node/index.tsx
+++ b/www/packages/docs-ui/src/components/WorkflowDiagram/Common/Node/index.tsx
@@ -17,7 +17,7 @@ export const WorkflowDiagramStepNode = ({ step }: WorkflowDiagramNodeProps) => {
 
   return (
     <Tooltip
-      tooltipClassName="!text-left max-w-full text-pretty overflow-scroll"
+      tooltipClassName="!text-left max-w-[300px] text-pretty overflow-scroll"
       tooltipChildren={
         <>
           <h4 className="text-compact-x-small-plus">{step.name}</h4>
@@ -38,6 +38,7 @@ export const WorkflowDiagramStepNode = ({ step }: WorkflowDiagramNodeProps) => {
         </>
       }
       clickable={true}
+      place="right"
     >
       <Link
         href={step.link || `#${step.name}`}