fix notification alignment (#4) (#5)

codedthemes · May 19, 2023 · a71b768 · a71b768
1 parent 558cdb0
commit a71b768
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/layout/MainLayout/Header/NotificationSection/index.js b/src/layout/MainLayout/Header/NotificationSection/index.js
@@ -151,7 +151,7 @@ const NotificationSection = () => {
                         primary={<Typography variant="subtitle1">Joseph William</Typography>}
                         secondary={<Typography variant="subtitle2">Purchase a new product</Typography>}
                       />
-                      <ListItemSecondaryAction sx={{ top: 22 }}>
+                      <ListItemSecondaryAction sx={{ top: 20 }}>
                         <Grid container justifyContent="flex-end">
                           <Grid item>
                             <QueryBuilderTwoToneIcon
@@ -178,7 +178,7 @@ const NotificationSection = () => {
                         primary={<Typography variant="subtitle1">Sara Soudein</Typography>}
                         secondary={<Typography variant="subtitle2">Currently Login</Typography>}
                       />
-                      <ListItemSecondaryAction sx={{ top: 22 }}>
+                      <ListItemSecondaryAction sx={{ top: 30 }}>
                         <Grid container justifyContent="flex-end">
                           <Grid item>
                             <QueryBuilderTwoToneIcon
@@ -205,7 +205,7 @@ const NotificationSection = () => {
                         primary={<Typography variant="subtitle1">Sepha Wilon</Typography>}
                         secondary={<Typography variant="subtitle2">Purchase a new product</Typography>}
                       />
-                      <ListItemSecondaryAction sx={{ top: 22 }}>
+                      <ListItemSecondaryAction sx={{ top: 30 }}>
                         <Grid container justifyContent="flex-end">
                           <Grid item>
                             <QueryBuilderTwoToneIcon