diff --git a/components/landing-page/navbar.tsx b/components/landing-page/navbar.tsx
index c1ada334..981ecfee 100644
--- a/components/landing-page/navbar.tsx
+++ b/components/landing-page/navbar.tsx
@@ -438,12 +438,12 @@ const Navbar = () => {
           ) : (
             // Masuk and Daftar buttons for roleId === null
             <div className="flex justify-center items-center mx-3 gap-5">
-              <Link href="/auth" className="w-full lg:w-max px-4 py-[10px]  bg-[#bb3523] text-white font-semibold rounded-md hover:bg-red-700 text-center">
+              <Link href="/auth" className="w-full lg:w-max px-4 py-1  bg-[#bb3523] text-white font-semibold rounded-md hover:bg-red-700 text-center">
                 {t("logIn")}
               </Link>
               <Dialog>
                 <DialogTrigger asChild>
-                  <Button className="w-full lg:w-max px-4 py-1 bg-[#bb3523] text-white font-semibold rounded-md hover:bg-red-700 text-center">{t("register")}</Button>
+                  <Button className="w-full lg:w-fit px-4 h-8 border bg-white border-[#bb3523] text-[#bb3523] font-semibold rounded-md hover:bg-[#bb3523] hover:text-white">{t("register")}</Button>
                 </DialogTrigger>
                 <DialogContent size="sm" className="sm:max-w-[425px]">
                   <div className="flex flex-col w-full gap-1">