From 844b792bc241e9669f1b718b9c6a0eb938ed5106 Mon Sep 17 00:00:00 2001
From: chihlasm <michael@chihlas.com>
Date: Fri, 13 Mar 2026 02:48:30 -0400
Subject: [PATCH] fix: remove redundant wrapper div in password field

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../scripts/ScriptParameterField.tsx          | 40 +++++++++----------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/scripts/ScriptParameterField.tsx b/frontend/src/components/scripts/ScriptParameterField.tsx
index 5781ecf6..344497a4 100644
--- a/frontend/src/components/scripts/ScriptParameterField.tsx
+++ b/frontend/src/components/scripts/ScriptParameterField.tsx
@@ -52,27 +52,25 @@ export function ScriptParameterField({ param, value, error, disabled }: Props) {
   } else if (param.type === 'password') {
     errorRenderedByComponent = true
     input = (
-      <div className="flex flex-col gap-1">
-        <div className="relative">
-          <Input
-            id={id}
-            type={showPassword ? 'text' : 'password'}
-            value={value}
-            onChange={handleChange}
-            placeholder={param.placeholder ?? undefined}
-            disabled={disabled}
-            error={error}
-          />
-          <button
-            type="button"
-            onClick={() => setShowPassword(v => !v)}
-            className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
-            tabIndex={-1}
-            aria-label={showPassword ? 'Hide password' : 'Show password'}
-          >
-            {showPassword ? <EyeOff size={14} /> : <Eye size={14} />}
-          </button>
-        </div>
+      <div className="relative">
+        <Input
+          id={id}
+          type={showPassword ? 'text' : 'password'}
+          value={value}
+          onChange={handleChange}
+          placeholder={param.placeholder ?? undefined}
+          disabled={disabled}
+          error={error}
+        />
+        <button
+          type="button"
+          onClick={() => setShowPassword(v => !v)}
+          className="absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground"
+          tabIndex={-1}
+          aria-label={showPassword ? 'Hide password' : 'Show password'}
+        >
+          {showPassword ? <EyeOff size={14} /> : <Eye size={14} />}
+        </button>
       </div>
     )
   } else if (param.type === 'textarea') {