diff --git a/src/Blog/Blog.tsx b/src/Blog/Blog.tsx
index 48dff8c..62d34bb 100644
--- a/src/Blog/Blog.tsx
+++ b/src/Blog/Blog.tsx
@@ -1,7 +1,7 @@
 import { Container } from "@mui/material";
-import { SearchHeader } from "./SearchHeader/SearchHeader";
-import { SearchResults } from "./SearchResults/SearchResults";
-import { ChosenArticle } from "./ChosenArticle/ChosenArticle";
+import { SearchHeader } from "./SearchHeader/SearchHeader.js";
+import { SearchResults } from "./SearchResults/SearchResults.js";
+import { ChosenArticle } from "./ChosenArticle/ChosenArticle.js";
 
 export function Blog() {
   return (
diff --git a/src/Blog/SearchHeader/SearchHeader.tsx b/src/Blog/SearchHeader/SearchHeader.tsx
index a1d344a..5b2c552 100644
--- a/src/Blog/SearchHeader/SearchHeader.tsx
+++ b/src/Blog/SearchHeader/SearchHeader.tsx
@@ -1,6 +1,6 @@
 import Stack from "@mui/material/Stack";
-import { SearchRow } from "./SearchRow/SearchRow";
-import { TagCloud } from "./TagCloud/TagCloud";
+import { SearchRow } from "./SearchRow/SearchRow.js";
+import { TagCloud } from "./TagCloud/TagCloud.js";
 
 export function SearchHeader() {
   return (