diff --git a/src/component/navbar.jsx b/src/component/navbar.jsx
index cfc05dd611977277747bca36db78d771c9ae6e0a..3725cee5ff8e2fbe2d8e24bc667114837941ec4f 100644
--- a/src/component/navbar.jsx
+++ b/src/component/navbar.jsx
@@ -12,7 +12,7 @@ function Navbar() {
       style={{ backgroundImage: `url(${backgd})` }}
     >
       {/* Navbar */}
-      <div className="bg-[#28409C] h-[55px] flex items-center justify-between rounded-3xl mx-4 sm:mx-8 top-6 p-4 sm:p-6 relative left-[0px] md:left-[-20px]  ">
+      <div className="bg-[#28409C] h-[55px] flex items-center justify-between rounded-3xl mx-4 sm:mx-8 top-6 p-4 sm:p-6 relative left-[0px] md:left-[-5px] right-[-5px]  ">
         {/* Logo */}
         <h1 className="text-white font-semibold text-2xl sm:text-3xl">OMPOI</h1>