diff --git a/docs/features/techdocs/how-to-guides.md b/docs/features/techdocs/how-to-guides.md
index 5a9b8ba140..5a9044842f 100644
--- a/docs/features/techdocs/how-to-guides.md
+++ b/docs/features/techdocs/how-to-guides.md
@@ -179,7 +179,12 @@ const techDocsTabsConfig = [
     ],
   },
 ];
-
+const docsFilter = {
+  kind: ['Location', 'Resource', 'Component'],
+  'metadata.annotations.featured-docs': CATALOG_FILTER_EXISTS,
+}
+const customPageWrapper = ({ children }: React.PropsWithChildren<{}>) =>
+  (<PageWithHeader title="Docs" themeId="documentation">{children}</PageWithHeader>)
 const AppRoutes = () => {
   <FlatRoutes>
     <Route
@@ -187,11 +192,8 @@ const AppRoutes = () => {
       element={
         <TechDocsCustomHome
           tabsConfig={techDocsTabsConfig}
-          filter={{
-            kind: ['Location', 'Resource', 'Component'],
-            'metadata.annotations.featured-docs': CATALOG_FILTER_EXISTS,
-          }}
-          CustomPageWrapper={({ children }: React.PropsWithChildren<{}>) => (<PageWithHeader title="Docs" themeId="documentation">{children}</PageWithHeader>)}
+          filter={docsFilter}
+          CustomPageWrapper={customPageWrapper}
         />
       }
     />