diff --git a/src/component/bentobox.jsx b/src/component/bentobox.jsx
index 3d9740821eb8a67582924a457529a21f29e4a083..bfb7788994e9a36dadee7ade7e649114b194e75a 100644
--- a/src/component/bentobox.jsx
+++ b/src/component/bentobox.jsx
@@ -16,8 +16,8 @@ function Bento() {
                                 background: "linear-gradient(to top, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.3) 70%)"
                             }}>
                             <p className="text-white text-center font-extrabold text-6xl">
-                              <span className="block">Seller</span>
-                              <span className="block">Registration</span>
+                              <a href="#"><span className="block">Seller</span>
+                              <span className="block">Registration</span></a>                              
                             </p>
                         </div>
                     </div>
@@ -27,8 +27,8 @@ function Bento() {
                                 background: "linear-gradient(to top, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.3) 70%)"
                             }}>
                             <p className="text-white text-center font-extrabold text-4xl">
-                              <span className="block">Buyer</span>
-                              <span className="block">Registration</span>
+                                <a href="#"><span className="block">Buyer</span>
+                                <span className="block">Registration</span></a>                              
                             </p>
                         </div>
                      </div>
@@ -38,8 +38,8 @@ function Bento() {
                                 background: "linear-gradient(to top, rgba(0, 0, 0, 0.7) 30%, rgba(0, 0, 0, 0.3) 70%)"
                             }}>
                             <p className="text-white text-center font-extrabold text-4xl">
-                              <span className="block">Agent</span>
-                              <span className="block">Login</span>
+                                <a href="#"><span className="block">Agent</span>
+                                <span className="block">Login</span></a>                              
                             </p>
                         </div>
                      </div>
diff --git a/src/component/navbar.jsx b/src/component/navbar.jsx
index 85119c1dd3e3c44ec7db68b5fc178e84f9d4e7f9..969d60c8b64681603c900792f13b19bd262e759e 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 mt-6 p-4 sm:p-6 relative">
+      <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]  ">
         {/* Logo */}
         <h1 className="text-white font-semibold text-2xl sm:text-3xl">OMPOI</h1>