diff --git a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.test.tsx b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.test.tsx
index 5aec83bc2b..dad40c4615 100644
--- a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.test.tsx
+++ b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.test.tsx
@@ -95,4 +95,13 @@ describe('<HeaderTabs />', () => {
     await user.click(rendered.getByText('Docs'));
     expect(mockOnChange).toHaveBeenCalledTimes(1);
   });
+
+  it('should render 2 nav tabs', async () => {
+    const rendered = await renderInTestApp(<HeaderTabs tabs={mockTabs} />);
+    const tabs = rendered.queryAllByTestId(id => id.startsWith('header-tab'));
+    expect(tabs).toHaveLength(2);
+    tabs.forEach(tab => {
+      expect(tab.tagName.toLocaleLowerCase('en-US')).toBe('a');
+    });
+  });
 });
diff --git a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
index a87d024469..852622c741 100644
--- a/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
+++ b/packages/core-components/src/layout/HeaderTabs/HeaderTabs.tsx
@@ -97,9 +97,7 @@ export function HeaderTabs(props: HeaderTabsProps) {
     }
   }, [selectedIndex]);
   function removeLeadingSlash(path: string) {
-    let newPath = path;
-    newPath = path.replace(/^\//, '');
-    return newPath;
+    return path.replace(/^\//, '');
   }
   return (
     <Box className={styles.tabsWrapper}>