diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 94cc939ff..3140c3b62 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -118,45 +118,54 @@ export default function ParameterComponent({
           nodeIconsLucide[item.family] ?? nodeIconsLucide["unknown"];
 
         return (
-          <span
-            key={index}
-            className={classNames(
-              index > 0 ? "mt-2 flex items-center" : "flex items-center"
-            )}
-          >
-            <div
-              className="h-5 w-5"
-              style={{
-                color: nodeColors[item.family],
-              }}
-            >
-              <Icon
+          <>
+            {index === 0 && (
+                <span>
+                  {left ? "Components to connect into:" : "Components to connect to:"}
+                </span>
+              )
+            }
+            <span
+              key={index}
+              className={classNames(
+                index > 0 ? "mt-2 flex items-center" : "mt-3 flex items-center"
+              )}
+              >
+              <div
                 className="h-5 w-5"
-                strokeWidth={1.5}
                 style={{
-                  color: nodeColors[item.family] ?? nodeColors.unknown,
+                  color: nodeColors[item.family],
                 }}
-              />
-            </div>
-            <span className="ps-2 text-xs text-foreground">
-              {nodeNames[item.family] ?? "Other"}
-              <span className="text-xs">
+              >
+                <Icon
+                  className="h-5 w-5"
+                  strokeWidth={1.5}
+                  style={{
+                    color: nodeColors[item.family] ?? nodeColors.unknown,
+                  }}
+                />
+              </div>
+              <span className="ps-2 text-xs text-foreground">
+                {nodeNames[item.family] ?? "Other"}
                 {" "}
-                {item.type === "" ? "" : " - "}
-                {item.type.split(", ").length > 2
-                  ? item.type.split(", ").map((el, index) => (
-                      <React.Fragment key={el + index}>
-                        <span>
-                          {index === item.type.split(", ").length - 1
-                            ? el
-                            : (el += `, `)}
-                        </span>
-                      </React.Fragment>
-                    ))
-                  : item.type}
+                <span className="text-xs">
+                  {" "}
+                  {item.type === "" ? "" : " - "}
+                  {item.type.split(", ").length > 2
+                    ? item.type.split(", ").map((el, index) => (
+                        <React.Fragment key={el + index}>
+                          <span>
+                            {index === item.type.split(", ").length - 1
+                              ? el
+                              : (el += `, `)}
+                          </span>
+                        </React.Fragment>
+                      ))
+                    : item.type}
+                </span>
               </span>
             </span>
-          </span>
+          </>
         );
       });
     } else {
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 8d8d4aefd..d94041750 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -168,8 +168,10 @@ export default function GenericNode({
           </div>
         </div>
 
-        <div className="generic-node-desc">
-          <div className="generic-node-desc-text">{data.node?.description}</div>
+        <div className={"generic-node-desc " + (data.node?.description !== "" ? "py-5" : "pb-5")}>
+          {data.node?.description !== "" && (
+            <div className="generic-node-desc-text">{data.node?.description}</div>
+          )}
 
           <>
             {Object.keys(data.node!.template)
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index d64d4227c..ff899663b 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -311,7 +311,7 @@
     @apply hover:text-accent-foreground hover:transition-all;
   }
   .generic-node-desc {
-    @apply h-full w-full py-5 text-foreground;
+    @apply h-full w-full  text-foreground;
   }
   .generic-node-desc-text {
     @apply w-full px-5 pb-3 text-sm text-muted-foreground;