From 2bba7f5c05fa96ae3ec38f6d7455e0fb8fe3dfce Mon Sep 17 00:00:00 2001
From: sundasnoreen12 <72802712+sundasnoreen12@users.noreply.github.com>
Date: Wed, 13 Mar 2024 15:03:07 +0500
Subject: [PATCH] fix: fixed tabs scroll issue (#559)

---
 src/Notifications/NotificationTabs.jsx |  2 +-
 src/Notifications/index.jsx            |  2 +-
 src/Notifications/notification.scss    | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/Notifications/NotificationTabs.jsx b/src/Notifications/NotificationTabs.jsx
index a4f59fda..366d3bb4 100644
--- a/src/Notifications/NotificationTabs.jsx
+++ b/src/Notifications/NotificationTabs.jsx
@@ -48,7 +48,7 @@ const NotificationTabs = () => {
               eventKey={appName}
               title={appName}
               notification={notificationUnseenCounts[appName]}
-              tabClassName="pt-0 pb-10px px-2.5 d-flex border-top-0 mb-0 align-items-center line-height-24 text-capitalize"
+              tabClassName="pt-0 py-10px px-2.5 d-flex border-top-0 mb-0 align-items-center line-height-24 text-capitalize"
               data-testid={`notification-tab-${appName}`}
             >
               {selectedAppName === appName && <NotificationSections />}
diff --git a/src/Notifications/index.jsx b/src/Notifications/index.jsx
index bc309f9b..16b8dcbf 100644
--- a/src/Notifications/index.jsx
+++ b/src/Notifications/index.jsx
@@ -97,7 +97,7 @@ const Notifications = () => {
               <div ref={headerRef}>
                 <Popover.Title
                   as="h2"
-                  className={`d-flex justify-content-between p-4 m-0 border-0 text-primary-500 zIndex-2 font-size-18
+                  className={`d-flex justify-content-between px-4 pt-4 pb-14px m-0 border-0 text-primary-500 zIndex-2 font-size-18
                   line-height-24 bg-white position-sticky`}
                 >
                   {intl.formatMessage(messages.notificationTitle)}
diff --git a/src/Notifications/notification.scss b/src/Notifications/notification.scss
index b74582e7..0c98c3e4 100644
--- a/src/Notifications/notification.scss
+++ b/src/Notifications/notification.scss
@@ -91,7 +91,7 @@
   }
 
   .tabs {
-    top: 72px;
+    top: 0px;
   }
 
   &.medium-screen {
@@ -103,7 +103,7 @@
   }
 
   &.popover-margin-top {
-    margin-top: -68px !important;
+    margin-top: -60px !important;
   }
 
   &.height-100vh {
@@ -214,12 +214,12 @@
   }
 
   .py-10px {
-    padding-top: 10px;
-    padding-bottom: 10px;
+    padding-top: 10px !important;
+    padding-bottom: 10px !important;
   }
 
-  .pb-10px {
-    padding-bottom: 10px;
+  .pb-14px {
+    padding-bottom: 14px !important;
   }
 
   .font-size-18 {