diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 00b3a50d..1cdea7a0 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -5,6 +5,8 @@ import React, { useCallback, useRef, useState } from "react";
 import { BugAntIcon } from "@heroicons/react/24/outline";
 import { useOutsideClick } from "~~/hooks/scaffold-stark";
 import { CustomConnectButton } from "~~/components/scaffold-stark/CustomConnectButton";
+import Image from "next/image";
+import { usePathname } from "next/navigation";
 
 type HeaderMenuLink = {
   label: string;
@@ -30,14 +32,28 @@ export const menuLinks: HeaderMenuLink[] = [
 export const Header = () => {
   const [isDrawerOpen, setIsDrawerOpen] = useState(false);
   const burgerMenuRef = useRef<HTMLDivElement>(null);
+  const pathname = usePathname();
   useOutsideClick(
     burgerMenuRef,
     useCallback(() => setIsDrawerOpen(false), []),
   );
 
   return (
-    <div className="lg:static top-0 navbar min-h-0 flex-shrink-0 justify-between z-20 px-0 sm:px-2 bg-base-100">
-      <div className="navbar-end flex-grow mr-4 py-[8px]">
+    <div
+      className={`lg:static top-0 navbar min-h-0 flex-shrink-0 justify-between z-20 px-0 sm:px-2 bg-base-100 ${pathname !== "/" ? "border-b border-[#1c2d49]" : ""}`}
+    >
+      <div className="pl-8">
+        {pathname !== "/" && (
+          <Image
+            src={"/logo-header.svg"}
+            alt={"logo header"}
+            width={200}
+            height={65}
+            className="sm:w-[100px]"
+          />
+        )}
+      </div>
+      <div className="navbar-end flex-grow pr-8 py-[8px]">
         <CustomConnectButton />
       </div>
     </div>
diff --git a/packages/nextjs/public/icon-starknet.svg b/packages/nextjs/public/icon-starknet.svg
index 3997b843..f123c89b 100644
--- a/packages/nextjs/public/icon-starknet.svg
+++ b/packages/nextjs/public/icon-starknet.svg
@@ -23,3 +23,5 @@
 </linearGradient>
 </defs>
 </svg>
+
+
diff --git a/packages/nextjs/styles/globals.css b/packages/nextjs/styles/globals.css
index 8ddc1c62..42e6f553 100644
--- a/packages/nextjs/styles/globals.css
+++ b/packages/nextjs/styles/globals.css
@@ -2,7 +2,6 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-
 :root,
 [data-theme] {
   background: oklch(var(--b2));