diff --git a/package/components/utils/NotificationPopOver.js b/package/components/utils/NotificationPopOver.js
index 34b26f48..f515e358 100644
--- a/package/components/utils/NotificationPopOver.js
+++ b/package/components/utils/NotificationPopOver.js
@@ -13,21 +13,22 @@ 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>
           </CoreIconButton>
         </CoreBox>
 
-        <CoreDivider />
       </CoreBox>
 
+      <CoreDivider styleClasses={[CoreClasses.MARGIN.M0]}/>
+
       <CoreBox styleClasses={[CoreClasses.POPOVER.CONTENT]}>
         <CoreTypographyBody1
-          sx={{ minWidth: "350px" }}
+          minWidth={350}
           styleClasses={[CoreClasses.MARGIN.MY4, CoreClasses.PADDING.PX5]}
         >
           No new notifications