diff --git a/res/css/views/messages/_CallEvent.scss b/res/css/views/messages/_CallEvent.scss
index 907e99d3ea..683cbb7331 100644
--- a/res/css/views/messages/_CallEvent.scss
+++ b/res/css/views/messages/_CallEvent.scss
@@ -26,15 +26,20 @@ limitations under the License.
     max-width: 75%;
     box-sizing: border-box;
 
-    .mx_CallEvent_content {
+    .mx_CallEvent_info {
         display: flex;
-        flex-direction: column;
-        margin-left: 10px; // To match mx_CallEvent
+        flex-direction: row;
 
-        .mx_CallEvent_type {
-            font-weight: 400;
-            color: gray;
-            line-height: $font-14px;
+        .mx_CallEvent_info_basic {
+            display: flex;
+            flex-direction: column;
+            margin-left: 10px; // To match mx_CallEvent
+
+            .mx_CallEvent_type {
+                font-weight: 400;
+                color: gray;
+                line-height: $font-14px;
+            }
         }
     }
 }
diff --git a/src/components/views/messages/CallEvent.tsx b/src/components/views/messages/CallEvent.tsx
index e419e87bd2..05b046f939 100644
--- a/src/components/views/messages/CallEvent.tsx
+++ b/src/components/views/messages/CallEvent.tsx
@@ -31,21 +31,26 @@ export default class CallEvent extends React.Component<IProps> {
         const event = this.props.mxEvent;
         const sender = event.sender ? event.sender.name : event.getSender();
 
+        let content;
+
         return (
             <div className="mx_CallEvent">
-                <MemberAvatar
-                    member={event.sender}
-                    width={32}
-                    height={32}
-                />
-                <div className="mx_CallEvent_content">
-                    <div>
-                        {sender}
-                    </div>
-                    <div className="mx_CallEvent_type">
-                        { this.props.callState.isVoice ? _t("Voice call") : _t("Video call") }
+                <div className="mx_CallEvent_info">
+                    <MemberAvatar
+                        member={event.sender}
+                        width={32}
+                        height={32}
+                    />
+                    <div className="mx_CallEvent_info_basic">
+                        <div>
+                            { sender }
+                        </div>
+                        <div className="mx_CallEvent_type">
+                            { this.props.callState.isVoice ? _t("Voice call") : _t("Video call") }
+                        </div>
                     </div>
                 </div>
+                { content }
             </div>
         );
     }