From 7fddffc12e7718b5dc6e5b64af7eb697aaf61ba8 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 30 Jun 2023 11:28:48 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(formModal/index.tsx):=20ad?=
 =?UTF-8?q?just=20size=20and=20spacing=20of=20icons=20and=20text=20in=20Fo?=
 =?UTF-8?q?rmModal=20component=20for=20better=20visual=20consistency=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(formModal/index.tsx):=20add=20unique=20key?=
 =?UTF-8?q?=20prop=20to=20dynamically=20rendered=20elements=20in=20FormMod?=
 =?UTF-8?q?al=20component=20to=20remove=20console=20warning?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/formModal/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index a41c53a46..8b939b967 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -408,14 +408,14 @@ export default function FormModal({
             <div className="w-2/5 h-full overflow-auto scrollbar-hide flex flex-col justify-start mr-6">
               <div className="flex justify-between items-center">
                 <div className="flex py-2 items-center">
-                  <Variable className="w-6 h-6 pe-1 text-primary"></Variable>
-                  <span className="text-md font-semibold text-primary">
+                  <Variable className="w-4 h-4 mr-1 text-primary"></Variable>
+                  <span className="text-sm font-semibold text-primary">
                     Input Variables
                   </span>
                 </div>
                 <div className="flex py-2 items-center">
-                  <MessageSquarePlus className="w-6 h-6 pe-1 mr-0.5 text-primary" />
-                  <span className=" text-md font-semibold text-primary">
+                  <MessageSquarePlus className="w-4 h-4 mr-1 text-primary" />
+                  <span className="text-sm font-semibold text-primary">
                     Chat Input
                   </span>
                 </div>
@@ -423,7 +423,7 @@ export default function FormModal({
               <Accordion type="multiple" className="w-full">
                 {Object.keys(tabsState[id.current].formKeysData.input_keys).map(
                   (i, k) => (
-                    <div className="flex items-start gap-3">
+                    <div className="flex items-start gap-3" key={k}>
                       <AccordionItem className="w-full" key={k} value={i}>
                         <AccordionTrigger className="flex gap-2">
                           <div className="flex items-center w-full justify-between">