1 files changed, 9 insertions, 4 deletions
diff --git a/apps/web/src/components/header.tsx b/apps/web/src/components/header.tsx
index 27503cd0..74ba9359 100644
--- a/apps/web/src/components/header.tsx
+++ b/apps/web/src/components/header.tsx
@@ -29,8 +29,7 @@ export function Header() {
 
   const leftContent = (
     <Link href="/" className="flex items-center gap-3">
-      <Image src="/logo.png" alt="OpenCut Logo" width={24} height={24} />
-      <span className="font-medium tracking-tight">OpenCut</span>
+      <Image src="/logo.svg" alt="OpenCut Logo" width={142} height={32} />
     </Link>
   );
 
@@ -51,7 +50,7 @@ export function Header() {
       ) : (
         <Link href="https://github.com/OpenCut-app/OpenCut" target="_blank">
           <Button size="sm" className="text-sm ml-4">
-            GitHub
+            GitHub {star}+
             <ArrowRight className="h-4 w-4" />
           </Button>
         </Link>
@@ -59,5 +58,11 @@ export function Header() {
     </nav>
   );
 
-  return <HeaderBase leftContent={leftContent} rightContent={rightContent} />;
+  return (
+    <HeaderBase
+      className="bg-[#1D1D1D] border border-white/10 rounded-2xl max-w-3xl mx-auto mt-4 pl-4 pr-[14px]"
+      leftContent={leftContent}
+      rightContent={rightContent}
+    />
+  );
 }