diff --git a/src/app/[locale]/components/detail/[id]/components/SummaryRole.tsx b/src/app/[locale]/components/detail/[id]/components/SummaryRole.tsx
index ac8352207..286d86d3b 100644
--- a/src/app/[locale]/components/detail/[id]/components/SummaryRole.tsx
+++ b/src/app/[locale]/components/detail/[id]/components/SummaryRole.tsx
@@ -74,7 +74,27 @@ const SummaryRole = ({ component }: { component: Component }) => {
                 </tr>
                 <tr>
                     <td>{t('Additional Roles')}:</td>
-                    <td></td>
+                    <td>
+                        {component.roles &&
+                            Object.keys(component.roles).map((key) => (
+                                <li key={key}>
+                                    <span className='mapDisplayChildItemLeft' style={{ fontWeight: 'bold' }}>
+                                        {key}:{' '}
+                                    </span>
+                                    <span className='mapDisplayChildItemRight'>
+                                        {component.roles[key]
+                                            .map(
+                                                (email: string): React.ReactNode => (
+                                                    <a key={email} href={`mailto:${email}`}>
+                                                        {email}
+                                                    </a>
+                                                )
+                                            )
+                                            .reduce((prev, curr): React.ReactNode[] => [prev, ', ', curr])}
+                                    </span>
+                                </li>
+                            ))}
+                    </td>
                 </tr>
             </tbody>
         </table>
diff --git a/src/object-types/Component.ts b/src/object-types/Component.ts
index 58832ed24..78b588f16 100644
--- a/src/object-types/Component.ts
+++ b/src/object-types/Component.ts
@@ -40,6 +40,7 @@ export default interface Component {
     blog?: string
     modifiedOn?: string
     modifiedBy?: string
+    roles?: { [k: string]: Array<string> }
     setBusinessUnit?: boolean
     setVisbility?: boolean
     _links?: {