diff --git a/web/app/components/workflow/block-selector/blocks.tsx b/web/app/components/workflow/block-selector/blocks.tsx
index e7a3bb6937..cae1ec32a5 100644
--- a/web/app/components/workflow/block-selector/blocks.tsx
+++ b/web/app/components/workflow/block-selector/blocks.tsx
@@ -134,7 +134,7 @@ const Blocks = ({
   }, [groups, onSelect, t, store])
 
   return (
-    <div className='max-h-[480px] overflow-y-auto p-1'>
+    <div className='max-h-[480px] min-w-[400px] max-w-[500px] overflow-y-auto p-1'>
       {
         isEmpty && (
           <div className='flex h-[22px] items-center px-3 text-xs font-medium text-text-tertiary'>{t('workflow.tabs.noResult')}</div>
diff --git a/web/app/components/workflow/block-selector/data-sources.tsx b/web/app/components/workflow/block-selector/data-sources.tsx
index a043aa34b6..f3ef952bfe 100644
--- a/web/app/components/workflow/block-selector/data-sources.tsx
+++ b/web/app/components/workflow/block-selector/data-sources.tsx
@@ -92,7 +92,7 @@ const DataSources = ({
   }, [searchText, enable_marketplace])
 
   return (
-    <div className={cn(className)}>
+    <div className={cn('min-w-[400px] max-w-[500px]', className)}>
       <div
         ref={wrapElemRef}
         className='max-h-[464px] overflow-y-auto'