From 37326364fca13db5c2e894f401693c9870b070e1 Mon Sep 17 00:00:00 2001
From: arkaprota <arkaprota.ghosh@gmail.com>
Date: Tue, 17 Sep 2024 15:52:23 +0530
Subject: [PATCH] fix(core): :bug: notificationpopover is design is completed
 properly

notificationpopover has been fixed

Ref: #373
---
 package/components/utils/NotificationPopOver.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/package/components/utils/NotificationPopOver.js b/package/components/utils/NotificationPopOver.js
index 34b26f48..02e2df32 100644
--- a/package/components/utils/NotificationPopOver.js
+++ b/package/components/utils/NotificationPopOver.js
@@ -13,18 +13,19 @@ export default function NotificationPopOver() {
     <>
       <CoreBox styleClasses={[CoreClasses.POPOVER.CONTENT]}>
         <CoreBox
-          styleClasses={[CoreClasses?.FLEX?.DIRECTION_ROW, CoreClasses.ALIGNMENT.JUSTIFY_CONTENT_SPACE_BETWEEN, CoreClasses.LAYOUT.VERTICAL_CENTER]}
+          styleClasses={[CoreClasses.DISPLAY.FLEX, CoreClasses.ALIGNMENT.JUSTIFY_CONTENT_SPACE_BETWEEN, CoreClasses.ALIGNMENT.ALIGN_ITEMS_CENTER]}
         >
-          <CoreTypographyBody1>Notifications</CoreTypographyBody1>
+          <CoreTypographyBody1 styleClasses={[CoreClasses.MARGIN.MB0]}>Notifications</CoreTypographyBody1>
 
           <CoreIconButton disabled>
-            <CoreIcon>clear_all</CoreIcon>
+            <CoreIcon>more_horiz</CoreIcon>
           </CoreIconButton>
         </CoreBox>
 
-        <CoreDivider />
       </CoreBox>
 
+      <CoreDivider styleClasses={[CoreClasses.MARGIN.M0]}/>
+
       <CoreBox styleClasses={[CoreClasses.POPOVER.CONTENT]}>
         <CoreTypographyBody1
           sx={{ minWidth: "350px" }}