diff --git a/src/frontend/src/components/codeAreaComponent/index.tsx b/src/frontend/src/components/codeAreaComponent/index.tsx
index fce1effb4..75f5497a2 100644
--- a/src/frontend/src/components/codeAreaComponent/index.tsx
+++ b/src/frontend/src/components/codeAreaComponent/index.tsx
@@ -13,7 +13,7 @@ export default function CodeAreaComponent({
   editNode = false,
   nodeClass,
   setNodeClass,
-}: CodeAreaComponentType) {
+}: TextAreaComponentType) {
   const [myValue, setMyValue] = useState(
     typeof value == "string" ? value : JSON.stringify(value)
   );
@@ -52,7 +52,7 @@ export default function CodeAreaComponent({
           }}
           className={
             editNode
-              ? "input-edit-node input-dialog"
+              ? "input-edit-node input-dialog "
               : "input-primary input-dialog " + (disabled ? "input-disable" : "")
           }
         >
diff --git a/src/frontend/src/components/textAreaComponent/index.tsx b/src/frontend/src/components/textAreaComponent/index.tsx
index 61ce7891b..8773c47b2 100644
--- a/src/frontend/src/components/textAreaComponent/index.tsx
+++ b/src/frontend/src/components/textAreaComponent/index.tsx
@@ -32,7 +32,7 @@ export default function TextAreaComponent({
         className={
           editNode
             ? "w-full items-center"
-            : "w-full flex items-center gap-3"
+            : "w-full flex items-center"
         }
       >
         <span
@@ -52,8 +52,8 @@ export default function TextAreaComponent({
           }}
           className={
             editNode
-              ? "input-edit-node " + " input-dialog "
-              : " input_dialog " + "px-3 py-2" + (disabled ? " input-disable " : "")
+            ? "input-edit-node input-dialog "
+            : "input-primary input-dialog " + (disabled ? "input-disable" : "")
           }
         >
           {myValue !== "" ? myValue : "Type something..."}