From af1a8b7944e947bf8dc11dfb0f45587d496cf13f Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 18 Nov 2024 13:02:57 -0300
Subject: [PATCH] fix(TextAreaComponent): Update focus state padding and icon
 visibility (#4630)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🔧 (textAreaComponent/index.tsx): remove unnecessary conditional class 'opacity-0' when component is focused
---
 .../components/textAreaComponent/index.tsx                     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx b/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx
index 7b616d4ff..67aea3d9e 100644
--- a/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx
@@ -73,6 +73,7 @@ export default function TextAreaComponent({
       editNode ? inputClasses.editNode : inputClasses.normal({ isFocused }),
       disabled && inputClasses.disabled,
       password && !passwordVisible && "text-clip",
+      isFocused && "pr-10",
     );
   };
 
@@ -81,7 +82,7 @@ export default function TextAreaComponent({
   };
 
   const renderIcon = () => (
-    <div className={cn(isFocused && "opacity-0")}>
+    <div>
       {!disabled && (
         <div
           className={cn(