diff --git a/tools/ui-components/src/helpblock/helpblock.stories.tsx b/tools/ui-components/src/help-block/help-block.stories.tsx
similarity index 91%
rename from tools/ui-components/src/helpblock/helpblock.stories.tsx
rename to tools/ui-components/src/help-block/help-block.stories.tsx
index 5a52cdf0b55..267957204e0 100644
--- a/tools/ui-components/src/helpblock/helpblock.stories.tsx
+++ b/tools/ui-components/src/help-block/help-block.stories.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Story } from '@storybook/react';
-import { HelpBlock } from './helpblock';
+import { HelpBlock } from './help-block';
 import { HelpBlockProps } from './types';
 
 const story = {
diff --git a/tools/ui-components/src/helpblock/helpblock.test.tsx b/tools/ui-components/src/help-block/help-block.test.tsx
similarity index 91%
rename from tools/ui-components/src/helpblock/helpblock.test.tsx
rename to tools/ui-components/src/help-block/help-block.test.tsx
index b995f6f0ab9..dae45f92b89 100644
--- a/tools/ui-components/src/helpblock/helpblock.test.tsx
+++ b/tools/ui-components/src/help-block/help-block.test.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 import React from 'react';
-import { HelpBlock } from './helpblock';
+import { HelpBlock } from './help-block';
 
 describe('Render the helpblock component', () => {
   it('should render the helpblock component', () => {
diff --git a/tools/ui-components/src/helpblock/helpblock.tsx b/tools/ui-components/src/help-block/help-block.tsx
similarity index 100%
rename from tools/ui-components/src/helpblock/helpblock.tsx
rename to tools/ui-components/src/help-block/help-block.tsx
diff --git a/tools/ui-components/src/helpblock/index.ts b/tools/ui-components/src/help-block/index.ts
similarity index 52%
rename from tools/ui-components/src/helpblock/index.ts
rename to tools/ui-components/src/help-block/index.ts
index fc35a74a426..f83e648751a 100644
--- a/tools/ui-components/src/helpblock/index.ts
+++ b/tools/ui-components/src/help-block/index.ts
@@ -1,2 +1,2 @@
-export { HelpBlock } from './helpblock';
+export { HelpBlock } from './help-block';
 export type { HelpBlockProps } from './types';
diff --git a/tools/ui-components/src/helpblock/types.ts b/tools/ui-components/src/help-block/types.ts
similarity index 100%
rename from tools/ui-components/src/helpblock/types.ts
rename to tools/ui-components/src/help-block/types.ts