diff --git a/frontend/src/component/personalDashboard/ActionBox.tsx b/frontend/src/component/personalDashboard/ActionBox.tsx
index eb9bb2be453e..09ca0faf8097 100644
--- a/frontend/src/component/personalDashboard/ActionBox.tsx
+++ b/frontend/src/component/personalDashboard/ActionBox.tsx
@@ -2,7 +2,7 @@ import { styled } from '@mui/material';
import type { FC, PropsWithChildren, ReactNode } from 'react';
const Container = styled('article')(({ theme }) => ({
- padding: theme.spacing(4, 2),
+ padding: theme.spacing(1, 2),
display: 'flex',
gap: theme.spacing(3),
flexDirection: 'column',
diff --git a/frontend/src/component/personalDashboard/LatestProjectEvents.tsx b/frontend/src/component/personalDashboard/LatestProjectEvents.tsx
index 3f91aa235242..89fdbbf7eca7 100644
--- a/frontend/src/component/personalDashboard/LatestProjectEvents.tsx
+++ b/frontend/src/component/personalDashboard/LatestProjectEvents.tsx
@@ -44,6 +44,10 @@ const StyledUserAvatar = styled(UserAvatar)(({ theme }) => ({
marginTop: theme.spacing(0.5),
}));
+const StyledMarkdown = styled(Markdown)(({ theme }) => ({
+ wordBreak: 'break-all',
+}));
+
export const LatestProjectEvents: FC<{
latestEvents: PersonalDashboardProjectDetailsSchema['latestEvents'];
}> = ({ latestEvents }) => {
@@ -73,10 +77,10 @@ export const LatestProjectEvents: FC<{
locationSettings.locale,
)}
-
+
{event.summary ||
'No preview available for this event'}
-
+
);
diff --git a/frontend/src/component/personalDashboard/MyFlags.tsx b/frontend/src/component/personalDashboard/MyFlags.tsx
index a1b3132989d5..3be135c45a6b 100644
--- a/frontend/src/component/personalDashboard/MyFlags.tsx
+++ b/frontend/src/component/personalDashboard/MyFlags.tsx
@@ -115,7 +115,6 @@ export const MyFlags: FC = ({
disablePadding={true}
sx={{
height: '100%',
- overflow: 'auto',
}}
>
{flagData.flags.map((flag) => (
diff --git a/frontend/src/component/personalDashboard/SharedComponents.tsx b/frontend/src/component/personalDashboard/SharedComponents.tsx
index 1ef21beb0d97..658d267f1bdb 100644
--- a/frontend/src/component/personalDashboard/SharedComponents.tsx
+++ b/frontend/src/component/personalDashboard/SharedComponents.tsx
@@ -106,7 +106,6 @@ export const listItemStyle = (theme: Theme) => ({
});
export const StyledList = styled(List)(({ theme }) => ({
- overflowY: 'auto',
maxHeight: '400px',
...onWideContainer({