diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 0a2fff66279..6b475eed7c3 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -437,7 +437,7 @@ export default function GenericNode({
                       <ForwardedIconComponent
                         name={showHiddenOutputs ? "EyeOff" : "Eye"}
                         strokeWidth={1.5}
-                        className="text-placeholder-foreground h-4 w-4 group-hover:text-foreground"
+                        className="h-4 w-4 text-placeholder-foreground group-hover:text-foreground"
                       />
                     </Button>
                   </div>
diff --git a/src/frontend/src/components/inputComponent/components/popover/index.tsx b/src/frontend/src/components/inputComponent/components/popover/index.tsx
index 530fa974544..38b456be31a 100644
--- a/src/frontend/src/components/inputComponent/components/popover/index.tsx
+++ b/src/frontend/src/components/inputComponent/components/popover/index.tsx
@@ -68,7 +68,7 @@ const CustomInputPopover = ({
         <div
           data-testid={`anchor-${id}`}
           className={cn(
-            "primary-input border-1 placeholder:text-placeholder-foreground flex h-full min-h-[38px] flex-wrap items-center px-3",
+            "primary-input border-1 flex h-full min-h-[38px] flex-wrap items-center px-3 placeholder:text-placeholder-foreground",
             editNode && "min-h-7 p-0",
             editNode && disabled && "min-h-5 border-muted p-0",
             disabled && "bg-muted text-muted",
diff --git a/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx b/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx
index 3c4d4ebff4d..3cd7351fc6e 100644
--- a/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/parameterRenderComponent/components/textAreaComponent/index.tsx
@@ -113,7 +113,7 @@ export default function TextAreaComponent({
             ? externalLinkIconClasses.editNodeTop
             : externalLinkIconClasses.iconTop,
           disabled
-            ? "text-placeholder-foreground bg-muted"
+            ? "bg-muted text-placeholder-foreground"
             : "bg-background text-foreground",
         )}
       />