Fixed person comp alignment issue. (#207)

Author: JustinXinLiu

src/components/mgt-person/mgt-person.scss

@@ -27,6 +27,7 @@ $email-color: var(--email-color, #{$ms-color-neutralPrimary});
   display: inline-block;
   color: $color;
   position: relative;
+  vertical-align: top;
 }
 
 :host svg,
@@ -65,11 +66,11 @@ mgt-person .Details {
 mgt-person .user-avatar {
   width: $avatar-size;
   height: $avatar-size;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 
   &.initials {
-    display: flex;
-    justify-content: center;
-    align-items: center;
     color: $initials-color;
     background-color: $initials-background-color;
     border-radius: 50%;

src/components/mgt-person/mgt-person.ts

@@ -416,7 +416,6 @@ export class MgtPerson extends MgtTemplatedComponent {
         const initials = this.getInitials();
 
         imageHtml = html`
-          <img />
           <span class="initials-text" aria-label="${initials}">
             ${initials}
           </span>