diff --git a/src/assets/excel_white.png b/src/assets/excel_white.png
new file mode 100644
index 0000000..95117f4
Binary files /dev/null and b/src/assets/excel_white.png differ
diff --git a/src/assets/excel_white1.png b/src/assets/excel_white1.png
new file mode 100644
index 0000000..d2e518a
Binary files /dev/null and b/src/assets/excel_white1.png differ
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
index c50d928..a132df3 100644
--- a/src/components/Navbar.jsx
+++ b/src/components/Navbar.jsx
@@ -3,7 +3,7 @@
 import {useState, useEffect} from "react";
 import Image from "next/image";
 import ExcelLogo from "@/assets/excel_logo_crop.png";
-import ExcelLogoMob from "@/assets/excel_logo.png";
+import ExcelLogoMob from "@/assets/excel_white.png";
 import {RxHamburgerMenu} from "react-icons/rx";
 import {MdArrowOutward} from "react-icons/md";
 import {IoCloseOutline} from "react-icons/io5";
@@ -77,7 +77,7 @@ const Navbar = () => {
 
   return (
     <div
-      className={`w-screen text-white flex flex-row items-center justify-between px-5 lg:px-16  py-3 fixed top-0 z-[999] transition-all duration-300 ${
+      className={`w-screen text-white flex flex-row items-center justify-between px-5 lg:px-[3.5rem] py-3 fixed top-0 z-[999] transition-all duration-300 ${
         scrolled ? "bg-[#00000070] backdrop-blur" : "bg-transparent"
       }`}
     >