From 5a120a46058d2530ec752a59c5f6175de4ef335f Mon Sep 17 00:00:00 2001
From: gl-cardillo <glucacardillo94@gmail.com>
Date: Wed, 17 Jul 2024 21:24:39 +0100
Subject: [PATCH] style: Added white background on focus for all buttons.

---
 client/src/components/Guide/guide.jsx            | 2 +-
 client/src/components/Home-banner/HomeBanner.jsx | 2 +-
 client/src/components/Home-retailers/index.jsx   | 2 +-
 client/src/components/Navbar/navbar.jsx          | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Guide/guide.jsx b/client/src/components/Guide/guide.jsx
index adf515c..fb566dd 100644
--- a/client/src/components/Guide/guide.jsx
+++ b/client/src/components/Guide/guide.jsx
@@ -58,7 +58,7 @@ const Guide = () => {
             </div>
             <div className="mt-[40px] shadow-[2px_4px_35px_4px_rgba(0,0,0,0.10)] rounded-full">
                 <Link to="/customize">
-                    <button className="inline-block bg-black text-white rounded-full border-2 border-black px-5 py-3 text-[25px] font-medium leading-normal transition duration-150 ease-in-out hover:bg-white hover:text-black focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 max-lg:text-[14px] hover:border-black">
+                    <button className="inline-block bg-black text-white rounded-full border-2 border-black px-5 py-3 text-[25px] font-medium leading-normal transition duration-150 ease-in-out hover:bg-white hover:text-black focus:bg-white focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 max-lg:text-[14px] hover:border-black">
                         Customize Now!
                     </button>
                 </Link>
diff --git a/client/src/components/Home-banner/HomeBanner.jsx b/client/src/components/Home-banner/HomeBanner.jsx
index ca04f51..dd06133 100644
--- a/client/src/components/Home-banner/HomeBanner.jsx
+++ b/client/src/components/Home-banner/HomeBanner.jsx
@@ -27,7 +27,7 @@ const HomeBanner = () => {
                         </div>
                         <div>
                             <Link to="/categories">
-                                <button className="inline-block bg-black  rounded-full border-2 border-neutral-800 px-6 pb-[6px] pt-2 text-[16px] font-medium leading-normal text-white transition duration-150 ease-in-out hover:border-neutral-800 hover:bg-white hover:text-black focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 max-lg:text-[14px]">
+                                <button className="inline-block bg-black rounded-full border-2 border-neutral-800 px-6 pb-[6px] pt-2 text-[16px] font-medium leading-normal text-white transition duration-150 ease-in-out hover:border-neutral-800 hover:bg-white hover:text-black focus:bg-white focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 max-lg:text-[14px]">
                                     Explore
                                 </button>
                             </Link>
diff --git a/client/src/components/Home-retailers/index.jsx b/client/src/components/Home-retailers/index.jsx
index 3a045e9..ba28edf 100644
--- a/client/src/components/Home-retailers/index.jsx
+++ b/client/src/components/Home-retailers/index.jsx
@@ -10,7 +10,7 @@ const Home_retailers_comp = () => {
             <div className="text-[50px]">Join us today!</div>
             <div className="flex gap-4">
                 <Link to="/retailer">
-                    <button className="inline-block bg-black text-white rounded-full border-2 border-black px-4 pb-[6px] pt-2 text-[16px] font-medium leading-normal transition duration-150 ease-in-out hover:border-white hover:bg-white hover:text-black focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 max-lg:text-[14px]">
+                    <button className="inline-block bg-black text-white rounded-full border-2 border-black px-4 pb-[6px] pt-2 text-[16px] font-medium leading-normal transition duration-150 ease-in-out hover:border-white hover:bg-white hover:text-black focus:bg-white focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 max-lg:text-[14px]">
                         Get started now
                     </button>
                 </Link>
diff --git a/client/src/components/Navbar/navbar.jsx b/client/src/components/Navbar/navbar.jsx
index 1fdd82a..ffb8515 100644
--- a/client/src/components/Navbar/navbar.jsx
+++ b/client/src/components/Navbar/navbar.jsx
@@ -203,7 +203,7 @@ const Navbar = () => {
                             </Link>
                             <Link to="signup">
                                 {" "}
-                                <button className="inline-block bg-black  rounded-full border-2 border-neutral-800 px-6 pb-[6px] pt-2 text-[12px] font-medium uppercase leading-normal text-white transition duration-150 ease-in-out hover:border-neutral-800 hover:bg-white hover:text-black focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 ">
+                                <button className="inline-block bg-black  rounded-full border-2 border-neutral-800 px-6 pb-[6px] pt-2 text-[12px] font-medium uppercase leading-normal text-white transition duration-150 ease-in-out hover:border-neutral-800 hover:bg-white hover:text-black focus:bg-white focus:border-neutral-800 focus:text-neutral-800 focus:outline-none focus:ring-0 active:border-neutral-900 active:text-neutral-900 ">
                                     SignUp
                                 </button>{" "}
                             </Link>