diff --git a/src/app/core/auth/user-profile/user-profile.component.html b/src/app/core/auth/user-profile/user-profile.component.html
index bef085047..126a4a684 100644
--- a/src/app/core/auth/user-profile/user-profile.component.html
+++ b/src/app/core/auth/user-profile/user-profile.component.html
@@ -19,7 +19,7 @@ <h2 >User Profile</h2>
                     </div>
                     <div class = "value">
                             <span *ngFor = "let role of user.roles; last as islast">
-                                    {{role}}{{!islast? ', ':''}}
+                                    {{role.role}}{{!islast? ', ':''}}
                                 </span>
                     </div>
                 </div>