From d261077e9f3ebb9d8966658498f095966d710e7c Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Tue, 5 Nov 2024 14:32:42 -0300
Subject: [PATCH] fix: center add and remove icon on button when is a inputList
 (#4407)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✨ (index.tsx): update Button component className to include additional styling for icon size and alignment

Co-authored-by: Lucas Oliveira <62335616+lucaseduoli@users.noreply.github.com>
---
 .../components/inputListComponent/index.tsx                 | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/components/parameterRenderComponent/components/inputListComponent/index.tsx b/src/frontend/src/components/parameterRenderComponent/components/inputListComponent/index.tsx
index 58f0334ef..d17d0beea 100644
--- a/src/frontend/src/components/parameterRenderComponent/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/parameterRenderComponent/components/inputListComponent/index.tsx
@@ -90,7 +90,11 @@ export default function InputListComponent({
           >
             <Button
               unstyled
-              className={cn("hit-area-icon", getButtonClassName())}
+              size="icon"
+              className={cn(
+                "hit-area-icon flex items-center justify-center",
+                getButtonClassName(),
+              )}
               data-testid={getTestId(index === 0 ? "plus" : "minus", index)}
               disabled={disabled}
             >