diff --git a/web/app/components/workflow/block-selector/all-tools.tsx b/web/app/components/workflow/block-selector/all-tools.tsx
index d27fb6385b..9f0596d9b1 100644
--- a/web/app/components/workflow/block-selector/all-tools.tsx
+++ b/web/app/components/workflow/block-selector/all-tools.tsx
@@ -22,6 +22,7 @@ import { useMarketplacePlugins } from '../../plugins/marketplace/hooks'
 
 type AllToolsProps = {
   className?: string
+  toolContentClassName?: string
   searchText: string
   tags: string[]
   buildInTools: ToolWithProvider[]
@@ -34,6 +35,7 @@ type AllToolsProps = {
 }
 const AllTools = ({
   className,
+  toolContentClassName,
   searchText,
   tags = [],
   onSelect,
@@ -130,6 +132,7 @@ const AllTools = ({
         onScroll={(pluginRef.current as any)?.handleScroll}
       >
         <Tools
+          className={toolContentClassName}
           showWorkflowEmpty={activeTab === ToolTypeEnum.Workflow}
           tools={tools}
           onSelect={onSelect}
diff --git a/web/app/components/workflow/block-selector/tool-picker.tsx b/web/app/components/workflow/block-selector/tool-picker.tsx
index 8cab803be0..94f36fa0b6 100644
--- a/web/app/components/workflow/block-selector/tool-picker.tsx
+++ b/web/app/components/workflow/block-selector/tool-picker.tsx
@@ -150,6 +150,7 @@ const ToolPicker: FC<Props> = ({
           </div>
           <AllTools
             className='mt-1'
+            toolContentClassName='max-w-[360px]'
             tags={tags}
             searchText={searchText}
             onSelect={handleSelect}