diff --git a/src/pages/best-practices/[bestPracticeId].astro b/src/pages/best-practices/[bestPracticeId]/index.astro
similarity index 77%
rename from src/pages/best-practices/[bestPracticeId].astro
rename to src/pages/best-practices/[bestPracticeId]/index.astro
index f66b9cbfa..208daaf6c 100644
--- a/src/pages/best-practices/[bestPracticeId].astro
+++ b/src/pages/best-practices/[bestPracticeId]/index.astro
@@ -1,14 +1,14 @@
 ---
-import BestPracticeHeader from '../../components/BestPracticeHeader.astro';
-import CaptchaScripts from '../../components/Captcha/CaptchaScripts.astro';
-import FrameRenderer from '../../components/FrameRenderer/FrameRenderer.astro';
-import MarkdownFile from '../../components/MarkdownFile.astro';
-import ShareIcons from '../../components/ShareIcons/ShareIcons.astro';
-import TopicOverlay from '../../components/TopicOverlay/TopicOverlay.astro';
-import UpcomingForm from '../../components/UpcomingForm.astro';
-import BaseLayout from '../../layouts/BaseLayout.astro';
-import { BestPracticeFrontmatter, getBestPracticeIds } from '../../lib/best-pratice';
-import { generateArticleSchema } from '../../lib/jsonld-schema';
+import BestPracticeHeader from '../../../components/BestPracticeHeader.astro';
+import CaptchaScripts from '../../../components/Captcha/CaptchaScripts.astro';
+import FrameRenderer from '../../../components/FrameRenderer/FrameRenderer.astro';
+import MarkdownFile from '../../../components/MarkdownFile.astro';
+import ShareIcons from '../../../components/ShareIcons/ShareIcons.astro';
+import TopicOverlay from '../../../components/TopicOverlay/TopicOverlay.astro';
+import UpcomingForm from '../../../components/UpcomingForm.astro';
+import BaseLayout from '../../../layouts/BaseLayout.astro';
+import { BestPracticeFrontmatter, getBestPracticeIds } from '../../../lib/best-pratice';
+import { generateArticleSchema } from '../../../lib/jsonld-schema';
 
 export async function getStaticPaths() {
   const bestPracticeIds = await getBestPracticeIds();
@@ -23,7 +23,7 @@ interface Params extends Record<string, string | undefined> {
 }
 
 const { bestPracticeId } = Astro.params as Params;
-const bestPracticeFile = await import(`../../best-practices/${bestPracticeId}/${bestPracticeId}.md`);
+const bestPracticeFile = await import(`../../../best-practices/${bestPracticeId}/${bestPracticeId}.md`);
 const bestPracticeData = bestPracticeFile.frontmatter as BestPracticeFrontmatter;
 
 let jsonLdSchema = [];