diff --git a/packages/app/src/components/techdocs/TechDocsPage.tsx b/packages/app/src/components/techdocs/TechDocsPage.tsx
index be11e30e61..4f49cf38e8 100644
--- a/packages/app/src/components/techdocs/TechDocsPage.tsx
+++ b/packages/app/src/components/techdocs/TechDocsPage.tsx
@@ -16,18 +16,18 @@
 
 import { Content } from '@backstage/core-components';
 import {
-  TechDocsPageHeader,
-  TechDocsPage,
+  TechDocsReaderPageHeader,
+  TechDocsReaderPage,
   Reader,
 } from '@backstage/plugin-techdocs';
 import React from 'react';
 
 const DefaultTechDocsPage = () => {
   return (
-    <TechDocsPage>
+    <TechDocsReaderPage>
       {({ techdocsMetadataValue, entityMetadataValue, entityRef, onReady }) => (
         <>
-          <TechDocsPageHeader
+          <TechDocsReaderPageHeader
             techDocsMetadata={techdocsMetadataValue}
             entityMetadata={entityMetadataValue}
             entityRef={entityRef}
@@ -37,7 +37,7 @@ const DefaultTechDocsPage = () => {
           </Content>
         </>
       )}
-    </TechDocsPage>
+    </TechDocsReaderPage>
   );
 };
 
diff --git a/plugins/techdocs/src/reader/components/TechDocsReaderPage.test.tsx b/plugins/techdocs/src/reader/components/TechDocsReaderPage.test.tsx
index 76bf195489..55637806a3 100644
--- a/plugins/techdocs/src/reader/components/TechDocsReaderPage.test.tsx
+++ b/plugins/techdocs/src/reader/components/TechDocsReaderPage.test.tsx
@@ -40,10 +40,10 @@ jest.mock('react-router-dom', () => {
   };
 });
 
-jest.mock('./TechDocsPageHeader', () => {
+jest.mock('./TechDocsReaderPageHeader', () => {
   return {
     __esModule: true,
-    TechDocsPageHeader: () => <div />,
+    TechDocsReaderPageHeader: () => <div />,
   };
 });