diff --git a/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.test.tsx b/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.test.tsx
index eeac119810..4f227be508 100644
--- a/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.test.tsx
+++ b/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.test.tsx
@@ -46,4 +46,22 @@ describe('CardHeader', () => {
 
     expect(mockTheme.getPageTheme).toHaveBeenCalledWith({ themeId: 'service' });
   });
+
+  it('should render the type', () => {
+    const { getByText } = render(
+      <CardHeader
+        template={{
+          apiVersion: 'scaffolder.backstage.io/v1beta3',
+          kind: 'Template',
+          metadata: { name: 'bob' },
+          spec: {
+            steps: [],
+            type: 'service',
+          },
+        }}
+      />,
+    );
+
+    expect(getByText('Service')).toBeInTheDocument();
+  });
 });
diff --git a/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.tsx b/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.tsx
index 2e1fdeac00..db134bb18e 100644
--- a/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.tsx
+++ b/plugins/scaffolder/src/next/TemplateListPage/TemplateCard/CardHeader.tsx
@@ -52,6 +52,7 @@ export const CardHeader = (props: CardHeaderProps) => {
   } = props;
   const { getPageTheme } = useTheme<BackstageTheme>();
   const themeForType = getPageTheme({ themeId: type });
+
   const styles = useStyles({
     cardBackgroundImage: themeForType.backgroundImage,
   });