diff --git a/src/frontend/src/components/IOInputField/index.tsx b/src/frontend/src/components/IOInputField/index.tsx
index fa7492e53..c499bd551 100644
--- a/src/frontend/src/components/IOInputField/index.tsx
+++ b/src/frontend/src/components/IOInputField/index.tsx
@@ -62,5 +62,10 @@ export default function IOInputField({
         );
     }
   }
-  return <div className="h-full w-full">{handleInputType()}</div>;
+  return (
+    <div className="font-xl flex h-full w-full flex-col gap-4 p-4 font-semibold">
+      {inputType}
+      {handleInputType()}
+    </div>
+  );
 }
diff --git a/src/frontend/src/components/IOOutputView/index.tsx b/src/frontend/src/components/IOOutputView/index.tsx
index aed4317b8..fdae4b6b3 100644
--- a/src/frontend/src/components/IOOutputView/index.tsx
+++ b/src/frontend/src/components/IOOutputView/index.tsx
@@ -43,5 +43,10 @@ export default function IOOutputView({
         );
     }
   }
-  return <div className="h-full w-full">{handleOutputType()}</div>;
+  return (
+    <div className="font-xl flex h-full w-full flex-col gap-4 p-4 font-semibold">
+      {outputType}
+      {handleOutputType()}
+    </div>
+  );
 }
diff --git a/src/frontend/src/components/IOview/index.tsx b/src/frontend/src/components/IOview/index.tsx
index 3ee2dec6e..6513680ac 100644
--- a/src/frontend/src/components/IOview/index.tsx
+++ b/src/frontend/src/components/IOview/index.tsx
@@ -182,6 +182,7 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
                       keyValue={input.id}
                     >
                       <div className="file-component-tab-column">
+                        <div className="">
                         {node &&
                           (categories[selectedCategory].name === "Inputs" ? (
                             <IOInputField
@@ -194,6 +195,8 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
                               outputId={input.id}
                             />
                           ))}
+                        </div>
+                        
                       </div>
                     </AccordionComponent>
                   </div>