From 05291c0697a3a84820499fd8670e99ecc5eb3d92 Mon Sep 17 00:00:00 2001
From: Aryan Singh <114330931+aryanas159@users.noreply.github.com>
Date: Thu, 27 Jul 2023 11:17:49 +0530
Subject: [PATCH] fix: Improve Keyboard Accessibility for Notification Icon
 (#1435)

Signed-off-by: Aryan Singh <ssaryans597@gmail.com>
---
 components/molecules/AuthSection/auth-section.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/molecules/AuthSection/auth-section.tsx b/components/molecules/AuthSection/auth-section.tsx
index 44a7c0b9df..ec45a4e75c 100644
--- 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 ? (