From 7be93653c3700ee77fa507f792dc305c8494c92f Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 10:52:23 -0300
Subject: [PATCH 1/9] =?UTF-8?q?=F0=9F=94=A7=20fix(inputListComponent):=20r?=
 =?UTF-8?q?emove=20unnecessary=20padding=20from=20input=20list=20component?=
 =?UTF-8?q?=20to=20improve=20layout=20=F0=9F=94=A7=20fix(tabsContext):=20a?=
 =?UTF-8?q?dd=20optional=20fileName=20parameter=20to=20downloadFlow=20func?=
 =?UTF-8?q?tion=20to=20allow=20customizing=20the=20downloaded=20file=20nam?=
 =?UTF-8?q?e=20=F0=9F=94=A7=20fix(exportModal):=20add=20optional=20fileNam?=
 =?UTF-8?q?e=20parameter=20to=20downloadFlow=20function=20calls=20to=20all?=
 =?UTF-8?q?ow=20customizing=20the=20downloaded=20file=20name=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(tabsContext):=20update=20downloadFlow=20func?=
 =?UTF-8?q?tion=20signature=20to=20include=20optional=20fileName=20paramet?=
 =?UTF-8?q?er?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/inputListComponent/index.tsx | 2 +-
 src/frontend/src/contexts/tabsContext.tsx                | 4 ++--
 src/frontend/src/modals/exportModal/index.tsx            | 4 ++--
 src/frontend/src/types/tabs/index.ts                     | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index d81da6183..5c9c0e78b 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -23,7 +23,7 @@ export default function InputListComponent({
     <div
       className={
         (disabled ? "pointer-events-none cursor-not-allowed" : "") +
-        "flex flex-col gap-3 py-2"
+        "flex flex-col gap-3"
       }
     >
       {inputList.map((i, idx) => (
diff --git a/src/frontend/src/contexts/tabsContext.tsx b/src/frontend/src/contexts/tabsContext.tsx
index cf4303a4d..75d4dd73b 100644
--- a/src/frontend/src/contexts/tabsContext.tsx
+++ b/src/frontend/src/contexts/tabsContext.tsx
@@ -268,7 +268,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
   /**
    * Downloads the current flow as a JSON file
    */
-  function downloadFlow(flow: FlowType) {
+  function downloadFlow(flow: FlowType, fileName?: string) {
     // create a data URI with the current flow data
     const jsonString = `data:text/json;chatset=utf-8,${encodeURIComponent(
       JSON.stringify(flow)
@@ -277,7 +277,7 @@ export function TabsProvider({ children }: { children: ReactNode }) {
     // create a link element and set its properties
     const link = document.createElement("a");
     link.href = jsonString;
-    link.download = `${flows.find((f) => f.id === tabId).name}.json`;
+    link.download = `${fileName && fileName != "" ? fileName : flows.find((f) => f.id === tabId).name}.json`;
 
     // simulate a click on the link element to trigger the download
     link.click();
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index 236c27366..3febacf9f 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -80,9 +80,9 @@ export default function ExportModal() {
         <DialogFooter>
           <Button
             onClick={() => {
-              if (checked) downloadFlow(flows.find((f) => f.id === tabId));
+              if (checked) downloadFlow(flows.find((f) => f.id === tabId), name);
               else
-                downloadFlow(removeApiKeys(flows.find((f) => f.id === tabId)));
+                downloadFlow(removeApiKeys(flows.find((f) => f.id === tabId)), name);
 
               closePopUp();
             }}
diff --git a/src/frontend/src/types/tabs/index.ts b/src/frontend/src/types/tabs/index.ts
index 55829d6ca..d31bee4c3 100644
--- a/src/frontend/src/types/tabs/index.ts
+++ b/src/frontend/src/types/tabs/index.ts
@@ -11,7 +11,7 @@ export type TabsContextType = {
   addFlow: (flowData?: FlowType, newProject?: boolean) => Promise<String>;
   updateFlow: (newFlow: FlowType) => void;
   incrementNodeId: () => string;
-  downloadFlow: (flow: FlowType) => void;
+  downloadFlow: (flow: FlowType, fileName?: string) => void;
   downloadFlows: () => void;
   uploadFlows: () => void;
   uploadFlow: (newFlow?: boolean) => void;

From 806767f962c7a7de2024235a31f843142c07f7c7 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 13:23:22 -0300
Subject: [PATCH 2/9] =?UTF-8?q?=F0=9F=90=9B=20fix(buildTrigger):=20add=20s?=
 =?UTF-8?q?trokeWidth=20prop=20to=20Zap=20icon=20to=20fix=20inconsistent?=
 =?UTF-8?q?=20stroke=20width=20=F0=9F=90=9B=20fix(codeAreaComponent):=20ad?=
 =?UTF-8?q?d=20strokeWidth=20prop=20to=20ExternalLink=20icon=20to=20fix=20?=
 =?UTF-8?q?inconsistent=20stroke=20width=20=F0=9F=90=9B=20fix(headerCompon?=
 =?UTF-8?q?ent):=20add=20hover=20effect=20to=20Twitter=20and=20Discord=20i?=
 =?UTF-8?q?cons=20by=20adding=20hover:text-ring=20class=20=F0=9F=90=9B=20f?=
 =?UTF-8?q?ix(inputFileComponent):=20add=20strokeWidth=20prop=20to=20FileS?=
 =?UTF-8?q?earch2=20icon=20to=20fix=20inconsistent=20stroke=20width=20?=
 =?UTF-8?q?=F0=9F=90=9B=20fix(promptComponent):=20add=20strokeWidth=20prop?=
 =?UTF-8?q?=20to=20ExternalLink=20icon=20to=20fix=20inconsistent=20stroke?=
 =?UTF-8?q?=20width=20=F0=9F=90=9B=20fix(textAreaComponent):=20add=20strok?=
 =?UTF-8?q?eWidth=20prop=20to=20ExternalLink=20icon=20to=20fix=20inconsist?=
 =?UTF-8?q?ent=20stroke=20width=20=F0=9F=90=9B=20fix(ApiModal):=20add=20st?=
 =?UTF-8?q?rokeWidth=20prop=20to=20Code2=20icon=20to=20fix=20inconsistent?=
 =?UTF-8?q?=20stroke=20width=20=F0=9F=90=9B=20fix(codeAreaModal):=20add=20?=
 =?UTF-8?q?strokeWidth=20prop=20to=20TerminalSquare=20icon=20to=20fix=20in?=
 =?UTF-8?q?consistent=20stroke=20width=20=F0=9F=90=9B=20fix(exportModal):?=
 =?UTF-8?q?=20add=20strokeWidth=20prop=20to=20Download=20icon=20to=20fix?=
 =?UTF-8?q?=20inconsistent=20stroke=20width=20=F0=9F=90=9B=20fix(genericMo?=
 =?UTF-8?q?dal):=20add=20strokeWidth=20prop=20to=20FileText=20icon=20to=20?=
 =?UTF-8?q?fix=20inconsistent=20stroke=20width=20=F0=9F=90=9B=20fix(import?=
 =?UTF-8?q?Modal):=20add=20strokeWidth=20prop=20to=20DocumentDuplicateIcon?=
 =?UTF-8?q?=20icon=20to=20fix=20inconsistent=20stroke=20width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/chatComponent/buildTrigger/index.tsx       | 2 +-
 src/frontend/src/components/codeAreaComponent/index.tsx       | 2 +-
 src/frontend/src/components/headerComponent/index.tsx         | 4 ++--
 src/frontend/src/components/inputFileComponent/index.tsx      | 2 +-
 src/frontend/src/components/promptComponent/index.tsx         | 2 +-
 src/frontend/src/components/textAreaComponent/index.tsx       | 2 +-
 src/frontend/src/modals/ApiModal/index.tsx                    | 2 +-
 src/frontend/src/modals/codeAreaModal/index.tsx               | 1 +
 src/frontend/src/modals/exportModal/index.tsx                 | 1 +
 src/frontend/src/modals/genericModal/index.tsx                | 1 +
 src/frontend/src/modals/importModal/index.tsx                 | 2 +-
 11 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index d8e1c7b2c..3999134cc 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -177,7 +177,7 @@ export default function BuildTrigger({
               ) : isBuilding ? (
                 <Loading strokeWidth={1.5} className="stroke-build-trigger" />
               ) : (
-                <Zap className="sh-6 w-6 fill-build-trigger stroke-1 stroke-build-trigger" />
+                <Zap strokeWidth={1.5} className="sh-6 w-6 fill-build-trigger stroke-1 stroke-build-trigger" />
               )}
             </div>
           </button>
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 1c998a20d..204550be4 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -69,7 +69,7 @@ export default function CodeAreaComponent({
           }}
         >
           {!editNode && (
-            <ExternalLink className="w-6 h-6 hover:text-ring  ml-3" />
+            <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring  ml-3" />
           )}
         </button>
       </div>
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index add19c0bf..2be2ecb47 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -89,7 +89,7 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaTwitter className="h-5 w-5" />
+            <FaTwitter className="h-5 w-5 hover:text-ring" />
           </a>
           <a
             href="https://discord.gg/EqksyE2EX9"
@@ -97,7 +97,7 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaDiscord className="h-5 w-5" />
+            <FaDiscord className="h-5 w-5 hover:text-ring" />
           </a>
 
           <Separator orientation="vertical" />
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index ce851ec60..74aad75f1 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -114,7 +114,7 @@ export default function InputFileComponent({
         </span>
         <button onClick={handleButtonClick}>
           {!editNode && !loading && (
-            <FileSearch2 className="w-6 h-6 hover:text-ring" />
+            <FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-ring" />
           )}
           {!editNode && loading && (
             <span className="loading loading-spinner loading-sm pl-3 h-8 pointer-events-none"></span>
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 96dd72054..4b5b59e6f 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -73,7 +73,7 @@ export default function PromptAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 9f934ce2c..ae21ad7eb 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -76,7 +76,7 @@ export default function TextAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index c6bd94762..e5be70201 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -87,7 +87,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">Code</span>
-            <Code2 className="h-6 w-6 text-primary pl-1 " aria-hidden="true" />
+            <Code2 strokeWidth={1.5} className="h-6 w-6 text-primary pl-1 " aria-hidden="true" />
           </DialogTitle>
           <DialogDescription>{EXPORT_CODE_DIALOG}</DialogDescription>
         </DialogHeader>
diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index da7eeb2d0..bf1aee248 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -52,6 +52,7 @@ export default function CodeAreaModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">Edit Code</span>
             <TerminalSquare
+            strokeWidth={1.5}
               className="h-6 w-6 text-primary pl-1 "
               aria-hidden="true"
             />
diff --git a/src/frontend/src/modals/exportModal/index.tsx b/src/frontend/src/modals/exportModal/index.tsx
index 3febacf9f..e315deecc 100644
--- a/src/frontend/src/modals/exportModal/index.tsx
+++ b/src/frontend/src/modals/exportModal/index.tsx
@@ -46,6 +46,7 @@ export default function ExportModal() {
           <DialogTitle className="flex items-center">
             <span className="pr-2">Export</span>
             <Download
+            strokeWidth={1.5}
               className="h-6 w-6 text-foreground pl-1"
               aria-hidden="true"
             />
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index c15b33f53..8d462eeb2 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -55,6 +55,7 @@ export default function GenericModal({
           <DialogTitle className="flex items-center">
             <span className="pr-2">{myModalTitle}</span>
             <FileText
+            strokeWidth={1.5}
               className="h-6 w-6 text-primary pl-1 "
               aria-hidden="true"
             />
diff --git a/src/frontend/src/modals/importModal/index.tsx b/src/frontend/src/modals/importModal/index.tsx
index b4dc4a6ca..70ecc53ff 100644
--- a/src/frontend/src/modals/importModal/index.tsx
+++ b/src/frontend/src/modals/importModal/index.tsx
@@ -160,7 +160,7 @@ export default function ImportModal() {
                     bgColor="bg-medium-emerald "
                     description={example.description ?? "Prebuilt Examples"}
                     icon={
-                      <DocumentDuplicateIcon className="h-6 w-6 flex-shrink-0" />
+                      <DocumentDuplicateIcon strokeWidth={1.5} className="h-6 w-6 flex-shrink-0" />
                     }
                     onClick={() => {
                       addFlow(example, false);

From 9db91f6099916c41ef38b50ed710553cf52e4161 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 14:34:22 -0300
Subject: [PATCH 3/9] =?UTF-8?q?=F0=9F=90=9B=20fix(GenericNode/index.tsx):?=
 =?UTF-8?q?=20remove=20unnecessary=20whitespace=20in=20hover=20class=20to?=
 =?UTF-8?q?=20fix=20styling=20issue=20=F0=9F=90=9B=20fix(button.tsx):=20ad?=
 =?UTF-8?q?d=20dark=20mode=20styling=20for=20primary=20button=20variant=20?=
 =?UTF-8?q?to=20ensure=20consistent=20styling=20in=20both=20light=20and=20?=
 =?UTF-8?q?dark=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 6 +++---
 src/frontend/src/components/ui/button.tsx          | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index ba6f4ce2e..a6c89e354 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -146,7 +146,7 @@ export default function GenericNode({
                       validationStatus && validationStatus.valid
                         ? "w-4 h-4 rounded-full bg-status-red opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover: transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                   <div
@@ -154,7 +154,7 @@ export default function GenericNode({
                       validationStatus && !validationStatus.valid
                         ? "w-4 h-4 rounded-full  bg-status-red opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover: transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                   <div
@@ -162,7 +162,7 @@ export default function GenericNode({
                       !validationStatus || isBuilding
                         ? "w-4 h-4 rounded-full  bg-status-yellow opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                 </div>
diff --git a/src/frontend/src/components/ui/button.tsx b/src/frontend/src/components/ui/button.tsx
index 635da79b4..648ce43c9 100644
--- a/src/frontend/src/components/ui/button.tsx
+++ b/src/frontend/src/components/ui/button.tsx
@@ -14,7 +14,7 @@ const buttonVariants = cva(
         outline:
           "border border-input hover:bg-accent hover:text-accent-foreground",
         primary:
-          "border bg-background text-secondary-foreground hover:bg-background/80 hover:shadow-sm",
+          "border bg-background text-secondary-foreground hover:bg-background/80 dark:hover:bg-background/10 hover:shadow-sm",
         secondary:
           "border border-muted bg-muted text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",

From 838c18d6c9c2b456db8766fb991cba824cc9592c Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 14:49:26 -0300
Subject: [PATCH 4/9] =?UTF-8?q?=F0=9F=8E=A8=20style(GenericNode):=20update?=
 =?UTF-8?q?=20hover=20text=20color=20to=20accent=20foreground=20color=20fo?=
 =?UTF-8?q?r=20better=20visibility=20=F0=9F=8E=A8=20style(singleAlertCompo?=
 =?UTF-8?q?nent):=20update=20hover=20text=20color=20to=20accent=20foregrou?=
 =?UTF-8?q?nd=20color=20for=20better=20visibility=20=F0=9F=8E=A8=20style(n?=
 =?UTF-8?q?otice):=20update=20hover=20text=20color=20to=20accent=20foregro?=
 =?UTF-8?q?und=20color=20for=20better=20visibility=20=F0=9F=8E=A8=20style(?=
 =?UTF-8?q?ExtraSidebarComponent):=20update=20hover=20text=20color=20to=20?=
 =?UTF-8?q?accent=20foreground=20color=20for=20better=20visibility=20?=
 =?UTF-8?q?=F0=9F=8E=A8=20style(codeAreaComponent):=20update=20hover=20tex?=
 =?UTF-8?q?t=20color=20to=20accent=20foreground=20color=20for=20better=20v?=
 =?UTF-8?q?isibility=20=F0=9F=8E=A8=20style(headerComponent):=20update=20h?=
 =?UTF-8?q?over=20text=20color=20to=20accent=20foreground=20color=20for=20?=
 =?UTF-8?q?better=20visibility=20=F0=9F=8E=A8=20style(inputFileComponent):?=
 =?UTF-8?q?=20update=20hover=20text=20color=20to=20accent=20foreground=20c?=
 =?UTF-8?q?olor=20for=20better=20visibility=20=F0=9F=8E=A8=20style(inputLi?=
 =?UTF-8?q?stComponent):=20update=20hover=20text=20color=20to=20accent=20f?=
 =?UTF-8?q?oreground=20color=20for=20better=20visibility=20=F0=9F=8E=A8=20?=
 =?UTF-8?q?style(promptComponent):=20update=20hover=20text=20color=20to=20?=
 =?UTF-8?q?accent=20foreground=20color=20for=20better=20visibility=20?=
 =?UTF-8?q?=F0=9F=8E=A8=20style(textAreaComponent):=20update=20hover=20tex?=
 =?UTF-8?q?t=20color=20to=20accent=20foreground=20color=20for=20better=20v?=
 =?UTF-8?q?isibility=20=F0=9F=8E=A8=20style(NodeModal):=20update=20hover?=
 =?UTF-8?q?=20text=20color=20to=20accent=20foreground=20color=20for=20bett?=
 =?UTF-8?q?er=20visibility=20=F0=9F=8E=A8=20style(promptModal):=20update?=
 =?UTF-8?q?=20hover=20text=20color=20to=20accent=20foreground=20color=20fo?=
 =?UTF-8?q?r=20better=20visibility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🎨 style(textAreaModal/index.tsx): update button text color class to 'text-accent-foreground' for better visibility on hover
---
 src/frontend/src/CustomNodes/GenericNode/index.tsx     |  6 +++---
 .../components/singleAlertComponent/index.tsx          |  2 +-
 src/frontend/src/alerts/notice/index.tsx               |  2 +-
 .../src/components/ExtraSidebarComponent/index.tsx     |  6 +++---
 .../src/components/codeAreaComponent/index.tsx         |  2 +-
 src/frontend/src/components/headerComponent/index.tsx  | 10 +++++-----
 .../src/components/inputFileComponent/index.tsx        |  2 +-
 .../src/components/inputListComponent/index.tsx        |  2 +-
 src/frontend/src/components/promptComponent/index.tsx  |  2 +-
 .../src/components/textAreaComponent/index.tsx         |  2 +-
 src/frontend/src/modals/NodeModal/index.tsx            |  2 +-
 src/frontend/src/modals/promptModal/index.tsx          |  2 +-
 src/frontend/src/modals/textAreaModal/index.tsx        |  2 +-
 13 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index a6c89e354..5db3ba9be 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -146,7 +146,7 @@ export default function GenericNode({
                       validationStatus && validationStatus.valid
                         ? "w-4 h-4 rounded-full bg-status-red opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                   <div
@@ -154,7 +154,7 @@ export default function GenericNode({
                       validationStatus && !validationStatus.valid
                         ? "w-4 h-4 rounded-full  bg-status-red opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                   <div
@@ -162,7 +162,7 @@ export default function GenericNode({
                       !validationStatus || isBuilding
                         ? "w-4 h-4 rounded-full  bg-status-yellow opacity-100"
                         : "w-4 h-4 rounded-full bg-ring opacity-0 hidden animate-spin",
-                      "absolute w-4 hover:text-ring hover:transition-all ease-in-out duration-200"
+                      "absolute w-4 hover:text-accent-foreground hover:transition-all ease-in-out duration-200"
                     )}
                   ></div>
                 </div>
diff --git a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
index 5827ccc2f..bdb74126d 100644
--- a/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
+++ b/src/frontend/src/alerts/alertDropDown/components/singleAlertComponent/index.tsx
@@ -86,7 +86,7 @@ export default function SingleAlert({
               {dropItem.link ? (
                 <Link
                   to={dropItem.link}
-                  className="whitespace-nowrap font-medium text-info-foreground hover:text-ring"
+                  className="whitespace-nowrap font-medium text-info-foreground hover:text-accent-foreground"
                 >
                   Details
                 </Link>
diff --git a/src/frontend/src/alerts/notice/index.tsx b/src/frontend/src/alerts/notice/index.tsx
index 4d0747919..de571678e 100644
--- a/src/frontend/src/alerts/notice/index.tsx
+++ b/src/frontend/src/alerts/notice/index.tsx
@@ -48,7 +48,7 @@ export default function NoticeAlert({
               {link !== "" ? (
                 <Link
                   to={link}
-                  className="whitespace-nowrap font-medium text-info-foreground hover:text-ring"
+                  className="whitespace-nowrap font-medium text-info-foreground hover:text-accent-foreground"
                 >
                   Details
                 </Link>
diff --git a/src/frontend/src/components/ExtraSidebarComponent/index.tsx b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
index 913b6b8eb..61fff766d 100644
--- a/src/frontend/src/components/ExtraSidebarComponent/index.tsx
+++ b/src/frontend/src/components/ExtraSidebarComponent/index.tsx
@@ -41,7 +41,7 @@ export default function ExtraSidebar() {
                             className={classNames(
                               item.href.split("/")[2] === current[4]
                                 ? "text-ring"
-                                : "text-ring group-hover:text-ring",
+                                : "text-ring group-hover:text-accent-foreground",
                               "mr-3 flex-shrink-0 h-6 w-6"
                             )}
                           />
@@ -65,14 +65,14 @@ export default function ExtraSidebar() {
                               )}
                             >
                               <item.icon
-                                className="mr-3 h-6 w-6 flex-shrink-0 text-ring group-hover:text-ring"
+                                className="mr-3 h-6 w-6 flex-shrink-0 text-ring group-hover:text-accent-foreground"
                                 aria-hidden="true"
                               />
                               <span className="flex-1">{item.name}</span>
                               <svg
                                 className={classNames(
                                   open ? "text-ring rotate-90" : "text-ring",
-                                  "ml-3 h-5 w-5 flex-shrink-0 transition-rotate duration-150 ease-in-out group-hover:text-ring"
+                                  "ml-3 h-5 w-5 flex-shrink-0 transition-rotate duration-150 ease-in-out group-hover:text-accent-foreground"
                                 )}
                                 viewBox="0 0 20 20"
                                 aria-hidden="true"
diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 204550be4..11d0c158d 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -69,7 +69,7 @@ export default function CodeAreaComponent({
           }}
         >
           {!editNode && (
-            <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring  ml-3" />
+            <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground  ml-3" />
           )}
         </button>
       </div>
diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 2be2ecb47..4bc2461c0 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -75,7 +75,7 @@ export default function Header() {
             href="https://github.com/logspace-ai/langflow"
             target="_blank"
             rel="noreferrer"
-            className="inline-flex shadow-sm items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background text-muted-foreground  border border-input hover:bg-accent hover:text-accent-foreground h-9 px-3 pr-0 rounded-md"
+            className="inline-flex shadow-sm items-center justify-center text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background text-muted-foreground  border border-input hover:bg-accent hover:text-accent-foreground h-9 px-3 pr-0 rounded-md"
           >
             <FaGithub className="h-5 w-5 mr-2" />
             Star
@@ -89,7 +89,7 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaTwitter className="h-5 w-5 hover:text-ring" />
+            <FaTwitter className="h-5 w-5 hover:text-accent-foreground" />
           </a>
           <a
             href="https://discord.gg/EqksyE2EX9"
@@ -97,12 +97,12 @@ export default function Header() {
             rel="noreferrer"
             className="text-muted-foreground"
           >
-            <FaDiscord className="h-5 w-5 hover:text-ring" />
+            <FaDiscord className="h-5 w-5 hover:text-accent-foreground" />
           </a>
 
           <Separator orientation="vertical" />
           <button
-            className="text-muted-foreground hover:text-ring "
+            className="text-muted-foreground hover:text-accent-foreground "
             onClick={() => {
               setDark(!dark);
             }}
@@ -114,7 +114,7 @@ export default function Header() {
             )}
           </button>
           <button
-            className="text-muted-foreground hover:text-ring relative"
+            className="text-muted-foreground hover:text-accent-foreground relative"
             onClick={(event: React.MouseEvent<HTMLElement>) => {
               setNotificationCenter(false);
               const { top, left } = (
diff --git a/src/frontend/src/components/inputFileComponent/index.tsx b/src/frontend/src/components/inputFileComponent/index.tsx
index 74aad75f1..2c34e8a01 100644
--- a/src/frontend/src/components/inputFileComponent/index.tsx
+++ b/src/frontend/src/components/inputFileComponent/index.tsx
@@ -114,7 +114,7 @@ export default function InputFileComponent({
         </span>
         <button onClick={handleButtonClick}>
           {!editNode && !loading && (
-            <FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-ring" />
+            <FileSearch2 strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground" />
           )}
           {!editNode && loading && (
             <span className="loading loading-spinner loading-sm pl-3 h-8 pointer-events-none"></span>
diff --git a/src/frontend/src/components/inputListComponent/index.tsx b/src/frontend/src/components/inputListComponent/index.tsx
index 5c9c0e78b..940e22867 100644
--- a/src/frontend/src/components/inputListComponent/index.tsx
+++ b/src/frontend/src/components/inputListComponent/index.tsx
@@ -60,7 +60,7 @@ export default function InputListComponent({
                 onChange(inputList);
               }}
             >
-              <Plus className={"w-4 h-4 hover:text-ring"} />
+              <Plus className={"w-4 h-4 hover:text-accent-foreground"} />
             </button>
           ) : (
             <button
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 4b5b59e6f..ede2753e8 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -73,7 +73,7 @@ export default function PromptAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground " />}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index ae21ad7eb..bcb656b59 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -76,7 +76,7 @@ export default function TextAreaComponent({
             );
           }}
         >
-          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-ring " />}
+          {!editNode && <ExternalLink strokeWidth={1.5} className="w-6 h-6 hover:text-accent-foreground " />}
         </button>
       </div>
     </div>
diff --git a/src/frontend/src/modals/NodeModal/index.tsx b/src/frontend/src/modals/NodeModal/index.tsx
index 9090afe6c..1322c754f 100644
--- a/src/frontend/src/modals/NodeModal/index.tsx
+++ b/src/frontend/src/modals/NodeModal/index.tsx
@@ -64,7 +64,7 @@ export default function NodeModal({ data }: { data: NodeDataType }) {
                 <div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
                   <button
                     type="button"
-                    className="rounded-md text-ring hover:text-ring"
+                    className="rounded-md text-ring hover:text-accent-foreground"
                     onClick={() => {
                       setModalOpen(false);
                     }}
diff --git a/src/frontend/src/modals/promptModal/index.tsx b/src/frontend/src/modals/promptModal/index.tsx
index a0697eeea..99b25380d 100644
--- a/src/frontend/src/modals/promptModal/index.tsx
+++ b/src/frontend/src/modals/promptModal/index.tsx
@@ -61,7 +61,7 @@ export default function PromptAreaModal({
                 <div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
                   <button
                     type="button"
-                    className="rounded-md text-ring hover:text-ring"
+                    className="rounded-md text-ring hover:text-accent-foreground"
                     onClick={() => {
                       setModalOpen(false);
                     }}
diff --git a/src/frontend/src/modals/textAreaModal/index.tsx b/src/frontend/src/modals/textAreaModal/index.tsx
index 69f3d98b3..6454e353c 100644
--- a/src/frontend/src/modals/textAreaModal/index.tsx
+++ b/src/frontend/src/modals/textAreaModal/index.tsx
@@ -60,7 +60,7 @@ export default function TextAreaModal({
                 <div className=" z-50 absolute top-0 right-0 hidden pt-4 pr-4 sm:block">
                   <button
                     type="button"
-                    className="rounded-md text-ring hover:text-ring"
+                    className="rounded-md text-ring hover:text-accent-foreground"
                     onClick={() => {
                       setModalOpen(false);
                     }}

From 0e3c137315e7013e3e7b81175708c9eae79e8896 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 15:38:06 -0300
Subject: [PATCH 5/9] =?UTF-8?q?=F0=9F=8E=A8=20style(ApiModal/index.tsx):?=
 =?UTF-8?q?=20update=20button=20styling=20to=20include=20hover=20effect=20?=
 =?UTF-8?q?on=20text=20color?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/modals/ApiModal/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/modals/ApiModal/index.tsx b/src/frontend/src/modals/ApiModal/index.tsx
index e5be70201..b3b059825 100644
--- a/src/frontend/src/modals/ApiModal/index.tsx
+++ b/src/frontend/src/modals/ApiModal/index.tsx
@@ -107,7 +107,7 @@ export default function ApiModal({ flow }: { flow: FlowType }) {
             </TabsList>
             <div className="float-right">
               <button
-                className="flex gap-1.5 items-center rounded bg-none p-1 text-xs text-ring "
+                className="flex gap-1.5 items-center rounded bg-none p-1 text-xs text-ring hover:text-foreground"
                 onClick={copyToClipboard}
               >
                 {isCopied ? <Check size={18} /> : <Clipboard size={15} />}

From f9e1b61ec26175690897dd5241e4d7b579ed9920 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 15:48:51 -0300
Subject: [PATCH 6/9] =?UTF-8?q?=F0=9F=94=A7=20chore(GenericNode/index.tsx)?=
 =?UTF-8?q?:=20remove=20unnecessary=20class=20and=20reduce=20code=20duplic?=
 =?UTF-8?q?ation=20in=20GenericNode=20component=20=F0=9F=94=A7=20chore(Gen?=
 =?UTF-8?q?ericNode/index.tsx):=20remove=20unnecessary=20gap-2=20class=20f?=
 =?UTF-8?q?rom=20the=20text=20container=20in=20GenericNode=20component?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 5db3ba9be..8aba17083 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -96,7 +96,7 @@ export default function GenericNode({
         )}
       >
         <div className="flex w-full items-center justify-between gap-8 rounded-t-lg border-b bg-muted p-4  ">
-          <div className="flex w-full items-center gap-2 truncate text-lg">
+          <div className="flex w-full items-center truncate">
             <Icon
               strokeWidth={1.5}
               className="h-10 w-10 rounded p-1"

From 51f132361056b36ae39bb6e7dec9047da03b3081 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Fri, 30 Jun 2023 17:23:05 -0300
Subject: [PATCH 7/9] =?UTF-8?q?=F0=9F=90=9B=20fix(promptComponent):=20remo?=
 =?UTF-8?q?ve=20unnecessary=20gap-3=20class=20from=20prompt=20component=20?=
 =?UTF-8?q?to=20fix=20alignment=20issue=20=F0=9F=90=9B=20fix(textAreaCompo?=
 =?UTF-8?q?nent):=20remove=20unnecessary=20flex=20class=20from=20text=20ar?=
 =?UTF-8?q?ea=20component=20to=20fix=20alignment=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/promptComponent/index.tsx   | 4 ++--
 src/frontend/src/components/textAreaComponent/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index ede2753e8..ccdad7d9d 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -31,7 +31,7 @@ export default function PromptAreaComponent({
         disabled ? "pointer-events-none cursor-not-allowed w-full" : " w-full"
       }
     >
-      <div className="w-full flex items-center gap-3">
+      <div className="w-full flex items-center">
         <span
           onClick={() => {
             openPopUp(
@@ -49,7 +49,7 @@ export default function PromptAreaComponent({
           }}
           className={
             editNode
-              ? "cursor-pointer truncate placeholder:text-center text-ring border-1 block w-full pt-0.5 pb-0.5 form-input   rounded-md border-ring shadow-sm sm:text-sm" +
+              ? "cursor-pointer truncate placeholder:text-center text-ring border-1 block w-full pt-0.5 pb-0.5 form-input text-sm  rounded-md border-ring shadow-sm sm:text-sm" +
                 INPUT_STYLE
               : "truncate block w-full text-ring px-3 py-2 rounded-md border border-ring shadow-sm sm:text-sm" +
                 (disabled ? " bg-input" : "")
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index bcb656b59..af4f7bcca 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -31,7 +31,7 @@ export default function TextAreaComponent({
       <div
         className={
           editNode
-            ? "w-full flex items-center"
+            ? "w-full items-center"
             : "w-full flex items-center gap-3"
         }
       >

From 2f469afe69f9fe86a9ca4a181ab33888fcd40a90 Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 3 Jul 2023 10:03:44 -0300
Subject: [PATCH 8/9] =?UTF-8?q?=F0=9F=90=9B=20fix(dialog.tsx):=20remove=20?=
 =?UTF-8?q?unnecessary=20animation=20classes=20to=20improve=20performance?=
 =?UTF-8?q?=20and=20simplify=20code=20=F0=9F=90=9B=20fix(EditNodeModal/ind?=
 =?UTF-8?q?ex.tsx):=20adjust=20styling=20to=20improve=20layout=20and=20rea?=
 =?UTF-8?q?dability?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/ui/dialog.tsx       |  2 +-
 src/frontend/src/modals/EditNodeModal/index.tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/frontend/src/components/ui/dialog.tsx b/src/frontend/src/components/ui/dialog.tsx
index 4df519490..a0c3b9471 100644
--- a/src/frontend/src/components/ui/dialog.tsx
+++ b/src/frontend/src/components/ui/dialog.tsx
@@ -44,7 +44,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed z-50 grid w-full gap-4 rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
+        "fixed z-50 grid w-full rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
         className
       )}
       {...props}
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 2cada903b..997f807ca 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -81,7 +81,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
   return (
     <Dialog open={true} onOpenChange={setModalOpen}>
       <DialogTrigger asChild></DialogTrigger>
-      <DialogContent className="lg:max-w-[700px] ">
+      <DialogContent className="lg:max-w-[700px] sm:max-w-[600px]">
         <DialogHeader>
           <DialogTitle className="flex items-center">
             <span className="pr-2">{data.type}</span>
@@ -89,16 +89,16 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
           </DialogTitle>
           <DialogDescription>
             {data.node?.description}
-            <div className="flex pt-4">
+            <div className="flex pt-3">
               <Variable className="h-5 w-5 stroke-2 pe-1 text-muted-foreground "></Variable>
-              <span className="text-sm font-semibold text-primary ">
+              <span className="text-sm font-semibold text-primary pb-3">
                 Parameters
               </span>
             </div>
           </DialogDescription>
         </DialogHeader>
 
-        <div className="flex h-fit max-h-[350px] w-full">
+        <div className="flex h-fit max-h-[400px] w-full">
           <div
             className={classNames(
               "w-full rounded-lg border-[1px] border-input bg-background",
@@ -134,8 +134,8 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
                             data.node.template[t].type === "int")
                       )
                       .map((n, i) => (
-                        <TableRow key={i} className="h-10 ">
-                          <TableCell className="p-0 text-center text-sm  text-foreground">
+                        <TableRow key={i} className="h-10">
+                          <TableCell className="p-0 text-center text-sm text-foreground truncate sm:px-3">
                             {data.node.template[n].name
                               ? data.node.template[n].name
                               : data.node.template[n].display_name}

From f3ae913891ea2293267e3edcdd6eeb4f03035bca Mon Sep 17 00:00:00 2001
From: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Date: Mon, 3 Jul 2023 10:25:47 -0300
Subject: [PATCH 9/9] =?UTF-8?q?=F0=9F=90=9B=20fix(dialog.tsx):=20add=20mis?=
 =?UTF-8?q?sing=20gap-3=20utility=20class=20to=20DialogContent=20component?=
 =?UTF-8?q?=20to=20fix=20layout=20issue=20=F0=9F=90=9B=20fix(EditNodeModal?=
 =?UTF-8?q?/index.tsx):=20remove=20unnecessary=20padding-bottom=20class=20?=
 =?UTF-8?q?from=20Parameters=20text=20span=20to=20fix=20layout=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/src/components/ui/dialog.tsx       | 2 +-
 src/frontend/src/modals/EditNodeModal/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/components/ui/dialog.tsx b/src/frontend/src/components/ui/dialog.tsx
index a0c3b9471..f17576064 100644
--- a/src/frontend/src/components/ui/dialog.tsx
+++ b/src/frontend/src/components/ui/dialog.tsx
@@ -44,7 +44,7 @@ const DialogContent = React.forwardRef<
     <DialogPrimitive.Content
       ref={ref}
       className={cn(
-        "fixed z-50 grid w-full rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
+        "fixed gap-3 z-50 grid w-full rounded-b-lg border bg-background p-6 shadow-lg animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0",
         className
       )}
       {...props}
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 997f807ca..1d0d912eb 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -91,7 +91,7 @@ export default function EditNodeModal({ data }: { data: NodeDataType }) {
             {data.node?.description}
             <div className="flex pt-3">
               <Variable className="h-5 w-5 stroke-2 pe-1 text-muted-foreground "></Variable>
-              <span className="text-sm font-semibold text-primary pb-3">
+              <span className="text-sm font-semibold text-primary">
                 Parameters
               </span>
             </div>