diff --git a/packages/app/src/components/SecurityTab/SecurityTab.tsx b/packages/app/src/components/SecurityTab/SecurityTab.tsx
index af4d66320d..3a40f9c1d7 100644
--- a/packages/app/src/components/SecurityTab/SecurityTab.tsx
+++ b/packages/app/src/components/SecurityTab/SecurityTab.tsx
@@ -21,16 +21,20 @@ import {
 } from '@backstage/plugin-scaffolder';
 
 interface SecurityTabProps {
-  customExtensionsElement: React.ReactNode;
+  customExtensionsElement?: React.ReactNode;
 }
 
-export function SecurityTab(props: SecurityTabProps): JSX.Element | null {
+export function SecurityTab({
+  customExtensionsElement = <></>,
+}: SecurityTabProps): JSX.Element | null {
   // eslint-disable-next-line no-alert
   const onComplete = async () => alert('success!!!!');
+
   const onError = (error: Error | undefined) => (
     <h2>{error?.message ?? 'Houston we have a problem.'}</h2>
   );
-  const fieldExtensions = useGetCustomFields(props.customExtensionsElement);
+
+  const fieldExtensions = useGetCustomFields(customExtensionsElement);
 
   return (
     <TemplateWizardContent