diff --git a/src/app/[slug]/edit/page.tsx b/src/app/[slug]/edit/page.tsx
deleted file mode 100644
index ee15b7a..0000000
--- a/src/app/[slug]/edit/page.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export default function BlogPostEdit() {
-  return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div>blog post edit</div>
-    </main>
-  );
-}
diff --git a/src/app/components/header/header.tsx b/src/app/components/header/header.tsx
index 9790ef5..c0c4268 100644
--- a/src/app/components/header/header.tsx
+++ b/src/app/components/header/header.tsx
@@ -13,8 +13,11 @@ interface HeaderProps {}
 
 export const Header: React.FC<HeaderProps> = () => {
   return (
-    <header className="border-b mb-10 py-2 sticky top-0 flex-none w-full mx-auto bg-white border-gray-200 dark:border-gray-600 dark:bg-gray-800">
-      <div className="flex gap-2 max-w-2xl mx-auto items-center justify-between container">
+    <header
+      aria-label="Site navigation"
+      className="border-b mb-10 py-2 sticky top-0 flex-none w-full mx-auto bg-white border-gray-200 dark:border-gray-600 dark:bg-gray-800 border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60"
+    >
+      <nav className="flex gap-2 max-w-2xl mx-auto items-center justify-between container">
         <Link className="flex gap-2 relative items-center" href="/">
           <Image
             src={ComposeLogo}
@@ -43,7 +46,7 @@ export const Header: React.FC<HeaderProps> = () => {
             </Drawer.Content>
           </Drawer.Portal>
         </Drawer.Root>
-      </div>
+      </nav>
     </header>
   );
 };
diff --git a/src/app/components/header/menu.tsx b/src/app/components/header/menu.tsx
index 204fca7..64c0335 100644
--- a/src/app/components/header/menu.tsx
+++ b/src/app/components/header/menu.tsx
@@ -25,7 +25,7 @@ export const Menu: React.FC<MenuProps> = ({ mobile, className = "" }) => {
       })}
     >
       {menuItems.map((item) => (
-        <>
+        <React.Fragment key={item.label}>
           <Button variant="ghost" asChild>
             <Link
               key={item.label}
@@ -39,7 +39,7 @@ export const Menu: React.FC<MenuProps> = ({ mobile, className = "" }) => {
             </Link>
           </Button>
           {mobile && <Separator />}
-        </>
+        </React.Fragment>
       ))}
     </div>
   );
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 495d007..28bdd2a 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -23,7 +23,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
         )}
       >
         <Header />
-        <div className="max-w-2xl container">{children}</div>
+        <main className="max-w-2xl container">{children}</main>
       </body>
     </html>
   );
diff --git a/src/app/page.tsx b/src/app/page.tsx
index b516949..feac0dc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,8 @@ import { PostsList } from "./components/posts-list";
 import { Suspense } from "react";
 export default function HomePage() {
   return (
-    <main>
-      <Suspense fallback={<p>Loading...</p>}>
-        <PostsList />
-      </Suspense>
-    </main>
+    <Suspense fallback={<p>Loading...</p>}>
+      <PostsList />
+    </Suspense>
   );
 }