diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index 25f15b21..23aae72a 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -308,11 +308,11 @@ const Navbar = () => {
           <div className=" py-1 flex items-center mx-3">
             <input type="text" placeholder="Pencarian" className="border rounded-full w-full text-sm text-center text-gray-600" />
           </div>
-          <div className="flex flex-row justify-between items-center space-y-2 mx-3">
-            <Link href="/auth" className="w-fit px-4 py-1  bg-[#bb3523] text-white font-semibold rounded-md hover:bg-red-700 md:flex">
+          <div className="flex justify-center items-center mx-3 gap-5">
+            <Link href="/auth" className="w-full lg:w-fit px-4 py-1  bg-[#bb3523] text-white font-semibold rounded-md hover:bg-red-700 text-center">
               Masuk
             </Link>
-            <Link href="#" className="w-fit px-4 py-1 border border-[#bb3523] text-[#bb3523] font-semibold rounded-md hover:bg-[#bb3523] md:flex hover:text-white">
+            <Link href="#" className="w-full lg:w-fit px-4 py-1 border border-[#bb3523] text-[#bb3523] font-semibold rounded-md hover:bg-[#bb3523] text-center hover:text-white">
               Daftar
             </Link>
           </div>