diff --git a/src/AppRouter.tsx b/src/AppRouter.tsx
index 17c36a5..6e4aeb9 100644
--- a/src/AppRouter.tsx
+++ b/src/AppRouter.tsx
@@ -1,6 +1,6 @@
 import { BrowserRouter, Route, Routes } from "react-router-dom";
 import { ScrollToTop } from "./components/ScrollToTop";
-import { BlogLayout } from "./components/BlogLayout";
+import { Layout } from "./components/Layout";
 import CreatePostPage from "./pages/CreatePostPage";
 import EditPostPage from "./pages/EditPostPage";
 import SearchResultsPage from "./pages/SearchResultsPage";
@@ -16,7 +16,7 @@ export function AppRouter() {
   return (
     <BrowserRouter>
       <ScrollToTop />
-      <BlogLayout>
+      <Layout>
         <Routes>
           <Route path="/" element={<HomePage />} />
           <Route path="/create" element={<CreatePostPage />} />
@@ -33,7 +33,7 @@ export function AppRouter() {
           {/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
           <Route path="*" element={<NotFound />} />
         </Routes>
-      </BlogLayout>
+      </Layout>
     </BrowserRouter>
   );
 }
diff --git a/src/components/BlogHeader.tsx b/src/components/Header.tsx
similarity index 99%
rename from src/components/BlogHeader.tsx
rename to src/components/Header.tsx
index 2807c95..074af51 100644
--- a/src/components/BlogHeader.tsx
+++ b/src/components/Header.tsx
@@ -7,7 +7,7 @@ import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
 import { ThemeToggle } from '@/components/ThemeToggle';
 import { useState } from 'react';
 
-export function BlogHeader() {
+export function Header() {
   const { user } = useCurrentUser();
   const [isMenuOpen, setIsMenuOpen] = useState(false);
 
diff --git a/src/components/BlogLayout.tsx b/src/components/Layout.tsx
similarity index 80%
rename from src/components/BlogLayout.tsx
rename to src/components/Layout.tsx
index d4050fb..461da80 100644
--- a/src/components/BlogLayout.tsx
+++ b/src/components/Layout.tsx
@@ -1,15 +1,15 @@
 import { ReactNode } from 'react';
-import { BlogHeader } from './BlogHeader';
+import { Header } from './Header';
 import packageJson from '../../package.json';
 
-interface BlogLayoutProps {
+interface LayoutProps {
   children: ReactNode;
 }
 
-export function BlogLayout({ children }: BlogLayoutProps) {
+export function Layout({ children }: LayoutProps) {
   return (
     <div className="min-h-screen flex flex-col">
-      <BlogHeader />
+      <Header />
       <main className="flex-1">
         {children}
       </main>