diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
index 4e96341d..235c1272 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.html
@@ -59,6 +59,7 @@
       <span class="number">{{ userInfo.employeeNum }}</span>
     </mat-card-title>
     <mat-card-subtitle>
+      <span class="company">{{ userInfo.companyName | ucapStringEmptycheck }}</span>
       <span class="deptName">{{ userInfo | ucapTranslate: 'deptName' }}</span>
       <span class="grade">{{ userInfo | ucapTranslate: 'grade' }}</span>
     </mat-card-subtitle>
@@ -177,6 +178,14 @@
         <dt class="division">{{ 'profile.fieldCompany' | translate }}</dt>
         <dd>{{ userInfo.companyName | ucapStringEmptycheck }}</dd>
       </li>
+      <li class="deptName">
+        <dt class="division">{{ 'search.fieldDeptartment' | translate }}</dt>
+        <dd>{{ userInfo | ucapTranslate: 'deptName' }}</dd>
+      </li>
+      <li class="grade">
+        <dt class="division">{{ 'search.fieldGrade' | translate }}</dt>
+        <dd>{{ userInfo | ucapTranslate: 'grade' }}</dd>
+      </li>
       <li>
         <dt class="division">
           {{ 'profile.fieldResponsibilities' | translate }}
diff --git a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
index 4f62ada3..a32114bb 100644
--- a/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
+++ b/projects/ucap-webmessenger-ui-profile/src/lib/components/profile.component.scss
@@ -120,9 +120,11 @@ $login-max-height: 800px;
       flex-flow: column;
       span {
         @include ellipsis(1);
-        &.deptName {
-          font-size: 1.2em;
-          line-height: 1.4em;
+        font-size: 1em;
+        margin-bottom: 8px;
+        &.company {
+          font-weight: 600;
+          font-size: 1.1em;
         }
       }
     }
@@ -170,13 +172,15 @@ $login-max-height: 800px;
     ul {
       display: flex;
       flex-flow: column;
+      height: calc(100% - 80px);
+      overflow-y: auto;
       li {
         display: flex;
         flex-direction: row;
-        height: 30px;
+        height: 26px;
         align-items: center;
         flex-flow: row;
-        margin-bottom: 14px;
+        margin-bottom: 10px;
         dt {
           width: 100px;
           font-weight: 800;
@@ -224,16 +228,16 @@ $login-max-height: 800px;
 ::ng-deep .userInfo-call {
   position: relative;
   display: flex;
-  flex: 0 0 auto;
-  width: 34px;
-  height: 34px;
-  line-height: 34px;
+  flex: 0 0 26px;
+  width: 26x;
+  height: 26px;
+  line-height: 26px;
   justify-content: center;
   justify-items: center;
   .mat-button-wrapper {
     padding: 0;
-    width: 20px;
-    height: 20px;
+    width: 18px;
+    height: 18px;
     justify-content: center;
     text-align: center;
     svg {
@@ -252,8 +256,9 @@ $login-max-height: 800px;
     &.mat-mini-fab {
       position: relative;
       display: flex;
-      width: 40px;
-      height: 40px;
+      width: 36px;
+      height: 36px;
+      flex: 0 0 36px;
       //line-height: 40px;
       .mat-button-wrapper {
         padding: 0;