remove className props from user-avatar

bigbluebutton-html5/imports/ui/components/chat/time-window-list/time-window-chat-item/component.jsx

@@ -138,7 +138,6 @@ class TimeWindowChatItem extends PureComponent {
         <div className={styles.wrapper}>
           <div className={styles.avatarWrapper}>
             <UserAvatar
-              className={styles.avatar}
               color={color}
               moderator={isModerator}
               avatar={avatar}
@@ -217,7 +216,6 @@ class TimeWindowChatItem extends PureComponent {
         <div className={styles.wrapper} ref={(ref) => { this.item = ref; }}>
         <div className={styles.avatarWrapper}>
             <UserAvatar
-              className={styles.avatar}
               color={PollService.POLL_AVATAR_COLOR}
               moderator={true}
             >

bigbluebutton-html5/imports/ui/components/chat/time-window-list/time-window-chat-item/styles.scss

@@ -57,10 +57,6 @@
   }
 }
 
-.avatar {
-  font-size: .85rem;
-}
-
 .content {
   flex: 1;
   display: flex;

bigbluebutton-html5/imports/ui/components/connection-status/modal/component.jsx

@@ -303,7 +303,6 @@ class ConnectionStatusComponent extends PureComponent {
           <div className={styles.left}>
             <div className={styles.avatar}>
               <UserAvatar
-                className={cx({ [styles.initials]: conn.avatar.length === 0 })}
                 you={conn.you}
                 avatar={conn.avatar}
                 moderator={conn.moderator}

bigbluebutton-html5/imports/ui/components/connection-status/modal/styles.scss

@@ -93,11 +93,6 @@
     height: 100%;
     justify-content: center;
     align-items: center;
-
-    .initials {
-      min-width: 2.25rem;
-      height: 2.25rem;
-    }
   }
 
   .name {