diff --git a/packages/components/scripts/templates/{componentName}.test.tsx.mst b/packages/components/scripts/templates/{componentName}.test.tsx.mst
index cc724aecd9..d78b9239f6 100644
--- a/packages/components/scripts/templates/{componentName}.test.tsx.mst
+++ b/packages/components/scripts/templates/{componentName}.test.tsx.mst
@@ -1,11 +1,11 @@
-import { render } from '../tests/utils'
+import { render } from '../test/utils'
 import { Default } from './{{ComponentName}}.stories'
-import type { {{ComponentName}}Props } from './{{ComponentName}}'
+import type { IProps } from './{{ComponentName}}'
 
 describe('{{ComponentName}}', () => {
   it('validates the component behaviour', () => {
     const { getByText } = render(
-      <Default {...(Default.args as {{ComponentName}}Props)} />,
+      <Default {...(Default.args as IProps)} />,
     )
 
     expect(getByText('{{ComponentName}}')).toBeInTheDocument();
diff --git a/packages/components/scripts/templates/{componentName}.tsx.mst b/packages/components/scripts/templates/{componentName}.tsx.mst
index a6fa66bcbb..afec1862f1 100644
--- a/packages/components/scripts/templates/{componentName}.tsx.mst
+++ b/packages/components/scripts/templates/{componentName}.tsx.mst
@@ -1,5 +1,5 @@
-export interface {{ComponentName}}Props {}
+export interface IProps {}
 
-export const {{ComponentName}} = (props: {{ComponentName}}Props) => {
+export const {{ComponentName}} = (props: IProps) => {
   return <>{{ComponentName}}</>
 }