diff --git a/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx b/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx
index 25f9deeaa..ae5607c50 100644
--- a/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx
@@ -23,7 +23,7 @@ export default function IOFieldView({
           case "TextInput":
             return (
               <Textarea
-                className={`w-full ${left ? "" : " h-full"}`}
+                className={`w-full custom-scroll ${left ? " h-32" : " h-full"}`}
                 placeholder={"Enter text..."}
                 value={node.data.node!.template["input_value"].value}
                 onChange={(e) => {
@@ -54,7 +54,7 @@ export default function IOFieldView({
           default:
             return (
               <Textarea
-                className="w-full custom-scroll"
+                className={`w-full custom-scroll ${left ? " h-32" : " h-full"}`}
                 placeholder={"Enter text..."}
                 value={node.data.node!.template["input_value"]}
                 onChange={(e) => {
@@ -74,7 +74,7 @@ export default function IOFieldView({
           case "TextOutput":
             return (
               <Textarea
-                className={`w-full custom-scroll ${left ? "" : " h-full"}`}
+                className={`w-full custom-scroll ${left ? " h-32" : " h-full"}`}
                 placeholder={"Empty"}
                 // update to real value on flowPool
                 value={
@@ -89,7 +89,7 @@ export default function IOFieldView({
           default:
             return (
               <Textarea
-                className={`w-full custom-scroll ${left ? "" : " h-full"}`}
+                className={`w-full custom-scroll ${left ? " h-32" : " h-full"}`}
                 placeholder={"Empty"}
                 // update to real value on flowPool
                 value={