From a968a67278a335e27c426d8746f68a5e493e25f7 Mon Sep 17 00:00:00 2001
From: Lautaro Bustos <lautigbustos@gmail.com>
Date: Mon, 15 Jul 2024 13:09:37 -0300
Subject: [PATCH] fix: not clickable when have notifications (#523)

Co-authored-by: Braian Mellor <braianj@gmail.com>
---
 src/components/Notifications/Notifications.css | 10 ++--------
 src/components/Notifications/Notifications.tsx | 18 ++++++++----------
 2 files changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/components/Notifications/Notifications.css b/src/components/Notifications/Notifications.css
index 52324d82..481ba54f 100644
--- a/src/components/Notifications/Notifications.css
+++ b/src/components/Notifications/Notifications.css
@@ -6,19 +6,14 @@
   position: relative;
 }
 
-.dcl.notifications > div:first-child {
-  width: 32px;
-  height: 32px;
-}
-
 .dcl.notifications-bell {
   display: flex;
   background: none;
   border: none;
   padding: 0;
   margin: 0;
-  transition: filter 0.2s ease;
   cursor: pointer;
+  align-items: center;
   position: relative;
 }
 
@@ -31,8 +26,7 @@
   width: 16px;
   height: 16px;
   position: relative;
-  top: -24px;
-  left: 19px;
+  left: -13px;
   cursor: pointer;
 }
 
diff --git a/src/components/Notifications/Notifications.tsx b/src/components/Notifications/Notifications.tsx
index b1c3760d..911e4197 100644
--- a/src/components/Notifications/Notifications.tsx
+++ b/src/components/Notifications/Notifications.tsx
@@ -54,21 +54,19 @@ export default function Notifications({
 
   return (
     <div className="dcl notifications">
-      <div>
-        <button
-          className={classNames('dcl notifications-bell', {
-            'notifications-active': newNotificationsCount > 0
-          })}
-          onClick={onClick}
-        >
-          {!isOpen ? <NotificationBell /> : <NotificationBellActive />}
-        </button>
+      <button
+        className={classNames('dcl notifications-bell', {
+          'notifications-active': newNotificationsCount > 0
+        })}
+        onClick={onClick}
+      >
+        {!isOpen ? <NotificationBell /> : <NotificationBellActive />}
         {!isOpen && newNotificationsCount > 0 && (
           <div className="dcl notifications-counter">
             <Counter count={newNotificationsCount} />
           </div>
         )}
-      </div>
+      </button>
       {isOpen && (
         <NotificationsFeed
           isOpen={isOpen}