fix: Improve Keyboard Accessibility for Notification Icon (#1435)

Signed-off-by: Aryan Singh <[email protected]>
open-sauced · Jul 27, 2023 · 05291c0 · 05291c0
1 parent 437ec57
commit 05291c0
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/components/molecules/AuthSection/auth-section.tsx b/components/molecules/AuthSection/auth-section.tsx
@@ -139,12 +139,12 @@ const AuthSection: React.FC = ({}) => {
               }}
             >
               <PopoverTrigger onClick={async () => await fetchNotifications()} asChild>
-                <div className="relative cursor-pointer">
+                <button className="relative cursor-pointer">
                   {userInfo && userInfo.notification_count > 0 && (
                     <span className="absolute right-0 block w-2 h-2 bg-orange-300 rounded-full"></span>
                   )}
                   <IoNotifications className="text-xl text-light-slate-9" />
-                </div>
+                </button>
               </PopoverTrigger>
               <PopoverContent align="end" className="bg-white !rounded-xl p-1  ">
                 {loading ? (