diff --git a/packages/web/src/appobj/ParameterAppObject.svelte b/packages/web/src/appobj/ParameterAppObject.svelte
index 95be72489..0034e1baf 100644
--- a/packages/web/src/appobj/ParameterAppObject.svelte
+++ b/packages/web/src/appobj/ParameterAppObject.svelte
@@ -6,13 +6,26 @@
   import AppObjectCore from './AppObjectCore.svelte';
 
   export let data;
+
+  function createParameterTitle(parameter) {
+    if (!parameter.parameterName) return parameter.position ?? null;
+    if (parameter.parameterName.startsWith('@')) return parameter.parameterName.substring(1);
+    return data.parameterName;
+  }
+
+  function createParameterExtInfo(parameter) {
+    if (parameter.parameterMode && parameter.parameterMode !== 'IN') {
+      return `${parameter.dataType} ${parameter.parameterMode}`;
+    }
+    return parameter.dataType;
+  }
 </script>
 
 <AppObjectCore
   {...$$restProps}
   {data}
-  title={data.parameterName?.startsWith('@') ? data.parameterName.substring(1) : data.parameterName}
-  extInfo={data.parameterMode && data.parameterMode !== 'IN' ? `${data.dataType} ${data.parameterMode}` : data.dataType}
+  title={createParameterTitle(data)}
+  extInfo={createParameterExtInfo(data)}
   icon={'icon parameter'}
   disableHover
 />