diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..b58b603
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..947f98b
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/components/desktopHeader.jsx b/src/components/desktopHeader.jsx
deleted file mode 100644
index 4f64b28..0000000
--- a/src/components/desktopHeader.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import Link from "next/link";
-
-export const DesktopHeader = () => <div className="hidden lg:block ">
-<nav
- className="w-full flex justify-center items-center gap-4 bg-[#C5C6C7] h-20"
- >
-    <Link href="/" className="text-2xl text-[#1F2833]">Home</Link>
-    <Link href="/movies" className="text-2xl text-[#1F2833]">Movies</Link>
-</nav>
-</div>
\ No newline at end of file
diff --git a/src/components/desktopHeader/desktopHeader.jsx b/src/components/desktopHeader/desktopHeader.jsx
new file mode 100644
index 0000000..38cf7e7
--- /dev/null
+++ b/src/components/desktopHeader/desktopHeader.jsx
@@ -0,0 +1,17 @@
+import Link from "next/link";
+import Image from "next/image";
+import logo from "../../assets/logo.png"
+
+export const DesktopHeader = () => <div className="hidden lg:block ">
+<nav
+ className="w-full flex justify-between items-center bg-[#C5C6C7] h-16"
+ >
+    <div className="w-16 ml-10">
+        <Image className="h-auto" src={logo} alt="logo"/>
+    </div>
+    <div className="flex gap-5">
+        <Link href="/" className="text-lg text-[#1F2833] font-semibold transition duration-200 hover:underline hover:ease-in-out">Home</Link>
+        <Link href="/movies" className="text-lg mr-10 text-[#1F2833] font-semibold transition duration-200 hover:underline hover:ease-in-out">Movies</Link>
+    </div>
+</nav>
+</div>
\ No newline at end of file
diff --git a/src/components/header.jsx b/src/components/header.jsx
index 93e26d7..79da722 100644
--- a/src/components/header.jsx
+++ b/src/components/header.jsx
@@ -1,4 +1,4 @@
-import { DesktopHeader } from "./desktopHeader";
+import { DesktopHeader } from "./desktopHeader/desktopHeader";
 import { MobileHeader } from "./mobileHeader/header";
 
 export const Header = () => <>
diff --git a/src/components/mobileHeader/burgerSvg.jsx b/src/components/mobileHeader/burgerSvg.jsx
index 1e7ddd5..75290a8 100644
--- a/src/components/mobileHeader/burgerSvg.jsx
+++ b/src/components/mobileHeader/burgerSvg.jsx
@@ -1,4 +1,4 @@
 export const BurgerSvg = () => 
-<svg className="w-7 h-7 text-red-50" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
+<svg className="w-6 h-6 text-red-50" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
     <path stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M1 1h15M1 7h15M1 13h15" />
 </svg>
\ No newline at end of file
diff --git a/src/components/mobileHeader/links.jsx b/src/components/mobileHeader/links.jsx
index 32b3699..bd95add 100644
--- a/src/components/mobileHeader/links.jsx
+++ b/src/components/mobileHeader/links.jsx
@@ -1,5 +1,5 @@
 import Link from "next/link";
 export const Links = () => <div className="flex items-center flex-col gap-5">
-    <Link href="/" className="w-1/2 bg-slate-900 text-center h-12 flex items-center justify-center" onClick={() => setIsOpen(false)}>Home</Link>
-    <Link href="/movies" className="w-1/2 bg-slate-900 text-center  h-12 flex items-center justify-center" onClick={() => setIsOpen(false)}>Movies</Link>
+    <Link href="/" className="w-11/12  p-4 text-lg font-semibold text-[#1F2833] hover:bg-[#e3e3e3] hover:text-[#45A29E] rounded" onClick={() => setIsOpen(false)}>Home</Link>
+    <Link href="/movies" className="w-11/12 p-4 text-lg font-semibold text-[#1F2833] hover:bg-[#e3e3e3] hover:text-[#45A29E] rounded" onClick={() => setIsOpen(false)}>Movies</Link>
 </div>
\ No newline at end of file
diff --git a/src/components/mobileHeader/overlay.jsx b/src/components/mobileHeader/overlay.jsx
index ec33571..1106908 100644
--- a/src/components/mobileHeader/overlay.jsx
+++ b/src/components/mobileHeader/overlay.jsx
@@ -1,8 +1,10 @@
-import { BurgerSvg, XIconSvg } from "./xIconSvg";
+import { XIconSvg } from "./xIconSvg";
+import {Links} from "@/components/mobileHeader/links";
 
 export const Overlay = ({ setIsOpen, isOpen }) => 
-<div className={`absolute left-0 top-0 h-full bg-[#C5C6C7] w-full ${isOpen ? "block" : "hidden"} z-10`}>
+<div className={`absolute left-0 top-0 h-full bg-[#C5C6C7] w-4/6 ${isOpen ? "block" : "hidden"} z-10`}>
     <button onClick={() => setIsOpen(false)}>
         <XIconSvg />
     </button>
+    <Links />
 </div>
\ No newline at end of file
diff --git a/src/components/mobileHeader/xIconSvg.jsx b/src/components/mobileHeader/xIconSvg.jsx
index f7a9fae..3c5ccd5 100644
--- a/src/components/mobileHeader/xIconSvg.jsx
+++ b/src/components/mobileHeader/xIconSvg.jsx
@@ -1,5 +1,5 @@
 export const XIconSvg = () => 
-<svg viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" className="text-[#1F2833] w-7 h-7 m-5">
+<svg viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" className="text-[#1F2833] w-6 h-6 m-5">
     <line x1="1" y1="11" x2="11" y2="1" stroke="black" strokeWidth="2"/>
     <line x1="1" y1="1" x2="11" y2="11" stroke="black" strokeWidth="2"/>
 </svg>
\ No newline at end of file