diff --git a/app/layout.tsx b/app/layout.tsx
index 6f820fc..5473e1c 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -27,7 +27,7 @@ export default function RootLayout({
             disableTransitionOnChange
           > */}
             <Navigation />
-            <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+            <main className="max-w-8xl mx-32 px-4 sm:px-6 lg:px-8 py-8">
               {children}
             </main>
           {/* </ThemeProvider> */}
diff --git a/components/navigation.tsx b/components/navigation.tsx
index 68faa83..2bd6992 100644
--- a/components/navigation.tsx
+++ b/components/navigation.tsx
@@ -5,18 +5,24 @@ import { usePathname } from "next/navigation"
 import { Button } from "@/components/ui/button"
 import { Avatar, AvatarFallback } from "@/components/ui/avatar"
 import { ConnectButton } from '@rainbow-me/rainbowkit'
-import { Zap } from "lucide-react"
+import Image from "next/image"
 
 export default function Navigation() {
   const pathname = usePathname()
 
   return (
     <header className="border-b border-amber-100/60 bg-white/95 backdrop-blur-md sticky top-0 z-50 shadow-sm">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+      <div className="px-4 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between h-16">
           <Link href="/" className="flex items-center gap-3 hover:opacity-80 transition-opacity">
-            <div className="w-8 h-8 rounded-lg bg-gradient-to-r from-amber-600 to-orange-500 flex items-center justify-center shadow-sm">
-              <Zap className="w-5 h-5 text-white" />
+            <div className="w-8 h-8 flex items-center justify-center">
+              <Image 
+                src="/block.png" 
+                alt="HackHub Logo" 
+                width={32} 
+                height={32}
+                className="object-contain"
+              />
             </div>
             <span className="font-bold text-xl bg-gradient-to-r from-amber-700 to-orange-600 bg-clip-text text-transparent">
               HackHub
diff --git a/types/jsx.d.ts b/types/jsx.d.ts
index 0427ca5..81dff7d 100644
--- a/types/jsx.d.ts
+++ b/types/jsx.d.ts
@@ -3,6 +3,8 @@ import React from 'react';
 declare global {
   namespace JSX {
     interface IntrinsicElements {
+      body: React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>;
+      html: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>;
       [elemName: string]: any;
     }
   }