diff --git a/src/components/form/HSButton.tsx b/src/components/form/HSButton.tsx
index b44f0f59..679055ad 100644
--- a/src/components/form/HSButton.tsx
+++ b/src/components/form/HSButton.tsx
@@ -27,7 +27,7 @@ function HSButton({
       rel="noopener noreferrer"
       to={path!}
       onClick={click}
-      className={`${styles} bg-primary text-white px-6 py-3 rounded-md flex justify-center items-center gap-2 text-sm hover:text-gray-200 hover:shadow-lg hover:scale-105 transition-all duration-300 ease-in-out`}
+      className={`${styles} bg-primary text-white px-6 py-3 rounded-md flex justify-center items-center gap-2 text-sm active:scale-[.98] active:duration-75 hover:scale-[1.01] ease-in transition-all`}
     >
       {title} {icon}
     </Link>
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 396d03be..ca7187b1 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -57,10 +57,10 @@ function Login() {
             <div className="w-full bg-grayLight h-[1px]"></div>
           </div>
           <div className="flex items-center justify-center gap-4">
-            <div className="bg-[white] w-12 h-12 rounded-full border-2 flex items-center justify-center cursor-pointer hover:scale-105 transition-all duration-300 ease-in-out">
+            <div className="bg-[white] w-12 h-12 rounded-full border-2 flex items-center justify-center cursor-pointer active:scale-[.98] active:duration-75 hover:scale-105 ease-in-out transition-all">
               <FcGoogle />
             </div>
-            <div className="bg-[#335CA6] w-12 h-12 rounded-full flex items-center justify-center cursor-pointer hover:scale-105 transition-all duration-300 ease-in-out">
+            <div className="bg-[#335CA6] w-12 h-12 rounded-full flex items-center justify-center cursor-pointer active:scale-[.98] active:duration-75 hover:scale-105 ease-in-out transition-all">
               <FaFacebook color="white" size={16} />
             </div>
           </div>