diff --git a/frontend/src/component/personalDashboard/MyProjects.tsx b/frontend/src/component/personalDashboard/MyProjects.tsx
index 629ebe4941..090b64d5c3 100644
--- a/frontend/src/component/personalDashboard/MyProjects.tsx
+++ b/frontend/src/component/personalDashboard/MyProjects.tsx
@@ -163,10 +163,12 @@ export const MyProjects: FC<{
             </SpacedGridItem>
             <SpacedGridItem item lg={4} md={1} />
             <SpacedGridItem item lg={8} md={1}>
-                {activeProject ? (
+                {personalDashboardProjectDetails ? (
                     <RoleAndOwnerInfo
-                        roles={['owner', 'custom']}
-                        owners={[{ ownerType: 'system' }]}
+                        roles={personalDashboardProjectDetails.roles.map(
+                            (role) => role.name,
+                        )}
+                        owners={personalDashboardProjectDetails.owners}
                     />
                 ) : null}
             </SpacedGridItem>
diff --git a/frontend/src/component/personalDashboard/RoleAndOwnerInfo.tsx b/frontend/src/component/personalDashboard/RoleAndOwnerInfo.tsx
index f9d112cdc8..645b04e4e1 100644
--- a/frontend/src/component/personalDashboard/RoleAndOwnerInfo.tsx
+++ b/frontend/src/component/personalDashboard/RoleAndOwnerInfo.tsx
@@ -25,12 +25,18 @@ export const RoleAndOwnerInfo = ({ roles, owners }: Props) => {
     return (
         <Wrapper>
             <InfoSection>
-                <span>Your roles in this project:</span>
-                {roles.map((role) => (
-                    <Badge key={role} color='secondary'>
-                        {role}
-                    </Badge>
-                ))}
+                {roles.length > 0 ? (
+                    <>
+                        <span>Your roles in this project:</span>
+                        {roles.map((role) => (
+                            <Badge key={role} color='secondary'>
+                                {role}
+                            </Badge>
+                        ))}
+                    </>
+                ) : (
+                    <span>You have no project roles in this project.</span>
+                )}
             </InfoSection>
             <InfoSection>
                 <span>Project owner{owners.length > 1 ? 's' : ''}</span>