From 27a803a6f01990d5a38fd6808fe7f51aa1703979 Mon Sep 17 00:00:00 2001
From: Rhon Joe <east.qrj@gmail.com>
Date: Thu, 8 Jan 2026 09:54:27 +0800
Subject: [PATCH] fix(web): resolve key-value input box height inconsistency on
 focus/blur (#30715) (#30716)

---
 .../components/key-value/key-value-edit/input-item.tsx    | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
index 7e5fe7da7a..7f1e2df2a0 100644
--- a/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
+++ b/web/app/components/workflow/nodes/http/components/key-value/key-value-edit/input-item.tsx
@@ -59,12 +59,12 @@ const InputItem: FC<Props> = ({
   }, [onRemove])
 
   return (
-    <div className={cn(className, 'hover:cursor-text hover:bg-state-base-hover', 'relative flex h-full')}>
+    <div className={cn(className, 'hover:cursor-text hover:bg-state-base-hover', 'relative flex !h-[30px] items-center')}>
       {(!readOnly)
         ? (
             <Input
               instanceId={instanceId}
-              className={cn(isFocus ? 'bg-components-input-bg-active' : 'bg-width', 'w-0 grow px-3 py-1')}
+              className={cn(isFocus ? 'bg-components-input-bg-active' : 'bg-width', 'h-full w-0 grow px-3 py-1')}
               value={value}
               onChange={onChange}
               readOnly={readOnly}
@@ -79,13 +79,13 @@ const InputItem: FC<Props> = ({
           )
         : (
             <div
-              className="h-[18px] w-full pl-0.5 leading-[18px]"
+              className="h-full w-full pl-0.5 leading-[18px]"
             >
               {!hasValue && <div className="text-xs font-normal text-text-quaternary">{placeholder}</div>}
               {hasValue && (
                 <Input
                   instanceId={instanceId}
-                  className={cn(isFocus ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-components-input-border-hover bg-components-input-bg-normal', 'w-0 grow rounded-lg border px-3 py-[6px]')}
+                  className={cn(isFocus ? 'border-components-input-border-active bg-components-input-bg-active shadow-xs' : 'border-components-input-border-hover bg-components-input-bg-normal', 'h-full w-0 grow rounded-lg border px-3 py-[6px]')}
                   value={value}
                   onChange={onChange}
                   readOnly={readOnly}