diff --git a/css/premeeting/_prejoin.scss b/css/premeeting/_prejoin.scss
index 35b3bcf00f..1af968ac64 100644
--- a/css/premeeting/_prejoin.scss
+++ b/css/premeeting/_prejoin.scss
@@ -14,6 +14,11 @@
             margin-bottom: 32px;
             text-align: center;
         }
+
+        &-container {
+            display: flex;
+            flex-direction: column;
+        }
     }
 
     &-error {
diff --git a/react/features/prejoin/components/Prejoin.js b/react/features/prejoin/components/Prejoin.js
index e1465116ad..5e9589dfc6 100644
--- a/react/features/prejoin/components/Prejoin.js
+++ b/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