fix: event styling personal dashboard (#8337)

Unleash · Oct 2, 2024 · e0ea1ff · e0ea1ff
1 parent b975919
commit e0ea1ff
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/frontend/src/component/personalDashboard/LatestProjectEvents.tsx b/frontend/src/component/personalDashboard/LatestProjectEvents.tsx
@@ -10,10 +10,11 @@ const Events = styled('ul')(({ theme }) => ({
 }));
 
 const Event = styled('li')(({ theme }) => ({
-    display: 'flex',
-    gap: theme.spacing(2),
     listStyleType: 'none',
-    padding: 0,
+    padding: theme.spacing(0),
+    display: 'inline-flex',
+    gap: theme.spacing(2),
+    alignItems: 'center',
     marginBottom: theme.spacing(4),
 }));
 

diff --git a/frontend/src/component/personalDashboard/MyProjects.tsx b/frontend/src/component/personalDashboard/MyProjects.tsx
@@ -152,7 +152,7 @@ export const MyProjects: FC<{
                     <ExistingFlag project={activeProject} />
                 ) : null}
             </SpacedGridItem>
-            <SpacedGridItem item lg={4} md={1}>
+            <SpacedGridItem item lg={4} md={1} sx={{ pr: 4 }}>
                 {activeProjectStage === 'onboarded' &&
                 personalDashboardProjectDetails ? (
                     <LatestProjectEvents