From e15e70d43c5bf31dec4d31a004591459fc340305 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Mon, 29 Jul 2024 16:34:40 -0300
Subject: [PATCH] fix: style on password button (#3037)

* fix: update TextAreaComponent styling for edit node table
Adjust the styling of the TextAreaComponent in the edit node table to fix the positioning of eye icon

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
---
 src/frontend/package-lock.json                        |  1 -
 .../src/components/textAreaComponent/index.tsx        | 11 +++++------
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index 0b5e8a287..231dc6f2f 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -1078,7 +1078,6 @@
     },
     "node_modules/@clack/prompts/node_modules/is-unicode-supported": {
       "version": "1.3.0",
-      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
       "engines": {
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index b89437c40..2ca29ef4c 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -38,8 +38,7 @@ export default function TextAreaComponent({
               ? "text-clip password"
               : "",
             editNode ? "input-edit-node" : "",
-            password && editNode ? "pr-8" : "",
-            password && !editNode ? "pr-10" : "",
+            password != undefined ? "pr-8" : "",
             "w-full",
           )}
           placeholder={"Type something..."}
@@ -78,11 +77,11 @@ export default function TextAreaComponent({
           </div>
         </GenericModal>
         {password !== undefined && (
-          <button
-            type="button"
+          <Button
+            unstyled
             tabIndex={-1}
             className={classNames(
-              "mb-px",
+              "mb-px text-muted-foreground hover:text-current",
               editNode
                 ? "side-bar-button-size absolute bottom-[1.3rem] right-[4.2rem]"
                 : "side-bar-button-size absolute bottom-4 right-[4.2rem]",
@@ -126,7 +125,7 @@ export default function TextAreaComponent({
                 />
               </svg>
             )}
-          </button>
+          </Button>
         )}
       </div>
     </div>