diff --git a/ng2-components/ng2-alfresco-userinfo/src/services/bpmUser.service.ts b/ng2-components/ng2-alfresco-userinfo/src/services/bpmUser.service.ts
index 5d3f2bd163..6e8204a234 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/services/bpmUser.service.ts
+++ b/ng2-components/ng2-alfresco-userinfo/src/services/bpmUser.service.ts
@@ -41,11 +41,8 @@ export class BPMUserService {
        if ( this.authService.getAlfrescoApi().bpmAuth.isLoggedIn() ) {
             return Observable.fromPromise(this.callApiGetProfile())
                 .map(
-                     data => <BpmUserModel> data
+                     (data) => <BpmUserModel> data
                     )
-                .do(
-                     data => console.log('Node data', data)
-                    ) // eyeball results in the console
                 .catch(this.handleError);
         }
     }
diff --git a/ng2-components/ng2-alfresco-userinfo/src/services/ecmUser.service.ts b/ng2-components/ng2-alfresco-userinfo/src/services/ecmUser.service.ts
index e85f34b116..56b0e62c0b 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/services/ecmUser.service.ts
+++ b/ng2-components/ng2-alfresco-userinfo/src/services/ecmUser.service.ts
@@ -39,10 +39,9 @@ export class ECMUserService {
     getUserInfo(userName: string): Observable<EcmUserModel> {
       if ( this.authService.getAlfrescoApi().ecmAuth.isLoggedIn() ) {
         return Observable.fromPromise(this.callApiGetPersonInfo(userName))
-            .map( data => <EcmUserModel> data['entry'])
-            .do(
-                 data => console.log('Node data', data['entry'])
-                ) // eyeball results in the console
+            .map(
+                   (data) => <EcmUserModel> data['entry']
+                )
             .catch(this.handleError);
       }
     }
diff --git a/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.css b/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.css
index bcd1bc0bca..55b411d282 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.css
+++ b/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.css
@@ -17,6 +17,7 @@
 }
 
 .user-profile-list-mdl{
-    max-height: 250px;
+    max-height: 450px;
     width: 400px;
+    overflow: auto;
 }
diff --git a/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.html b/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.html
index 5437e89627..8311349814 100644
--- a/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.html
+++ b/ng2-components/ng2-alfresco-userinfo/src/userinfo.component.html
@@ -13,44 +13,76 @@
             <ul class='detail-user-profile-list-mdl mdl-list'>
                 <div *ngIf="ecmUser">
                     <li class="mdl-list__item">
-                        <span class="mdl-list__item-primary-content"> ECM </span>
+                        <span class="mdl-list__item-primary-content" style="color: rgb(255,152,0);"> ECM </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">First Name : </span>
-                        <span  class="mdl-list__item-secondary-content"> {{ecmUser.firstName}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong> First Name : </strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i>{{ecmUser.firstName}}</i>
+                        </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">Last Name : </span>
-                        <span  class="mdl-list__item-secondary-content">{{ecmUser.lastName}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong>Last Name :</strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i>{{ecmUser.lastName}}</i>
+                        </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">Email : </span>
-                        <span  class="mdl-list__item-secondary-content"> {{ecmUser.email}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong>Email : </strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i>{{ecmUser.email}}</i>
+                        </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">Job Title : </span>
-                        <span  class="mdl-list__item-secondary-content"> {{ecmUser.jobTitle}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong> Job Title : </strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i> {{ecmUser.jobTitle}}</i>
+                        </span>
                     </li>
                 </div>
                     <div *ngIf="bpmUser">
                     <li class="mdl-list__item">
-                        <span class="mdl-list__item-primary-content"> BPM </span>
+                        <span class="mdl-list__item-primary-content" style="color: rgb(255,152,0);"> BPM </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">First Name : </span>
-                        <span  class="mdl-list__item-secondary-content"> {{bpmUser.firstName}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong>First Name : </strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i>{{bpmUser.firstName}}</i>
+                        </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">Last Name : </span>
-                        <span  class="mdl-list__item-secondary-content">{{bpmUser.lastName}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong>Last Name : </strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i>{{bpmUser.lastName}}</i>
+                        </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">Email : </span>
-                        <span  class="mdl-list__item-secondary-content"> {{bpmUser.email}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong>Email : </strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i>{{bpmUser.email}}</i>
+                        </span>
                     </li>
                     <li class="mdl-list__item mdl-list__item-two-line">
-                        <span class="mdl-list__item-secondary-content">Tenant Name : </span>
-                        <span  class="mdl-list__item-secondary-content"> {{bpmUser.tenantName}}</span>
+                        <span class="mdl-list__item-secondary-content">
+                            <strong>Tenant Name : </strong>
+                        </span>
+                        <span  class="mdl-list__item-secondary-content">
+                            <i>{{bpmUser.tenantName}}</i>
+                        </span>
                     </li>
                 </div>
             </ul>