Fixed input and output view

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>
+  );
 }

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>
+  );
 }

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
@@ -195,6 +196,8 @@ export default function IOView({ children, open, setOpen }): JSX.Element {
                             />
                           ))}
                         </div>
+                        
+                      </div>
                     </AccordionComponent>
                   </div>
                 );