From 4aeb1e8c7ef5b8d9777da3d21606071a9a4e57d0 Mon Sep 17 00:00:00 2001
From: Vansh Chaurasiya <vanshchaurasiya1557@gmail.com>
Date: Sun, 12 Oct 2025 17:07:18 +0530
Subject: [PATCH] Added proper hover states on Github signin button & FAQ
 accordions

---
 src/components/faqs/faqs.tsx             | 2 +-
 src/components/ui/FirebaseAuthGithub.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/faqs/faqs.tsx b/src/components/faqs/faqs.tsx
index d5ffc206..52bb229d 100644
--- a/src/components/faqs/faqs.tsx
+++ b/src/components/faqs/faqs.tsx
@@ -91,7 +91,7 @@ const FAQs: React.FC = () => {
                   transition={{ duration: 0.3 }}
                 >
                   <button
-                    className={`accordion-toggle group flex justify-between items-center text-lg font-medium w-full transition-all duration-300 
+                    className={`cursor-pointer accordion-toggle group flex justify-between items-center text-lg font-medium w-full transition-all duration-300 
                       ${
                         isDark
                           ? "text-gray-200 bg-gray-800 hover:text-indigo-400"
diff --git a/src/components/ui/FirebaseAuthGithub.tsx b/src/components/ui/FirebaseAuthGithub.tsx
index a615f5d6..6f73f379 100644
--- a/src/components/ui/FirebaseAuthGithub.tsx
+++ b/src/components/ui/FirebaseAuthGithub.tsx
@@ -39,7 +39,7 @@ const FirebaseAuthGithub: React.FC = () => {
         <br />
         <button
           onClick={() => auth.signOut()}
-          className="bg-gray-900 hover:bg-gray-700 text-white px-4 py-1 rounded flex items-center gap-2 transition-colors duration-200 shadow-md font-semibold"
+          className="cursor-pointer bg-gray-900 hover:bg-gray-700 text-white px-4 py-1 rounded flex items-center gap-2 transition-colors duration-200 shadow-md font-semibold"
         >
           <svg
             height="20"
@@ -77,7 +77,7 @@ const FirebaseAuthGithub: React.FC = () => {
     >
       <button
         onClick={handleGithubSignIn}
-        className="bg-black text-white px-4 py-2 rounded flex items-center gap-2"
+        className="bg-[#1f1e1e] hover:bg-[#2c2c2c] text-white px-4 py-2 rounded flex items-center gap-2 cursor-pointer"
       >
         <svg
           height="24"