diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index 2e0893321..749df592c 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -49,7 +49,7 @@ export default function CodeAreaComponent({
             editNode
               ? "input-edit-node input-dialog"
               : (disabled ? " input-disable " : "") +
-                " input-dialog input-primary"
+                " input-primary text-muted-foreground "
           }
         >
           {myValue !== "" ? myValue : "Type something..."}
diff --git a/src/frontend/src/components/promptComponent/index.tsx b/src/frontend/src/components/promptComponent/index.tsx
index 4b4f9c1e1..6a878e5a6 100644
--- a/src/frontend/src/components/promptComponent/index.tsx
+++ b/src/frontend/src/components/promptComponent/index.tsx
@@ -70,7 +70,7 @@ export default function PromptAreaComponent({
             editNode
               ? "input-edit-node input-dialog"
               : (disabled ? " input-disable " : "") +
-                " input-dialog input-primary"
+                " input-primary text-muted-foreground"
           }
         >
           {myValue !== "" ? myValue : "Type your prompt here"}