diff --git a/web/app/components/workflow/nodes/_base/components/add-button.tsx b/web/app/components/workflow/nodes/_base/components/add-button.tsx
index af6a765d31..ed29c73aa6 100644
--- a/web/app/components/workflow/nodes/_base/components/add-button.tsx
+++ b/web/app/components/workflow/nodes/_base/components/add-button.tsx
@@ -17,11 +17,11 @@ const AddButton: FC<Props> = ({
 }) => {
   return (
     <div
-      className={cn(className, 'flex items-center h-7 justify-center bg-gray-100 rounded-lg cursor-pointer text-xs font-medium text-gray-700 space-x-1')}
+      className={cn(className, 'flex items-center h-7 justify-center bg-gray-100 hover:bg-gray-200 rounded-lg cursor-pointer text-xs font-medium text-gray-700 space-x-1')}
       onClick={onClick}
     >
       <Plus className='w-3.5 h-3.5' />
-      {text}
+      <div>{text}</div>
     </div>
   )
 }