fix(prejoin) fix styling of avatar (#11629)

css/premeeting/_prejoin.scss

@@ -14,6 +14,11 @@
             margin-bottom: 32px;
             text-align: center;
         }
+
+        &-container {
+            display: flex;
+            flex-direction: column;
+        }
     }
 
     &-error {

react/features/prejoin/components/Prejoin.js

@@ -387,14 +387,14 @@ class Prejoin extends Component<Props, State> {
                         readOnly = { readOnlyName }
                         value = { name } />
                     ) : (
-                        <>
+                        <div className = 'prejoin-avatar-container'>
                             <Avatar
                                 className = 'prejoin-avatar'
                                 displayName = { name }
                                 participantId = { participantId }
                                 size = { 72 } />
                             <div className = 'prejoin-avatar-name'>{name}</div>
-                        </>
+                        </div>
                     )}
 
                     {showError && <div