diff --git a/res/css/views/messages/_CallEvent.scss b/res/css/views/messages/_CallEvent.scss
index 2e36daccfa..146bd0e883 100644
--- a/res/css/views/messages/_CallEvent.scss
+++ b/res/css/views/messages/_CallEvent.scss
@@ -21,7 +21,7 @@ limitations under the License.
     justify-content: space-between;
 
     background-color: $dark-panel-bg-color;
-    padding: 10px;
+    padding: 12px 16px 12px 12px;
     border-radius: 8px;
     margin: 10px auto;
     max-width: 75%;
@@ -37,10 +37,17 @@ limitations under the License.
             flex-direction: column;
             margin-left: 10px; // To match mx_CallEvent
 
+            .mx_CallEvent_sender {
+                font-weight: 600;
+                font-size: 1.5rem;
+                line-height: 1.8rem;
+            }
+
             .mx_CallEvent_type {
                 font-weight: 400;
                 color: gray;
-                line-height: $font-14px;
+                font-size: 1.2rem;
+                line-height: 1.5rem;
             }
         }
     }
diff --git a/src/components/views/messages/CallEvent.tsx b/src/components/views/messages/CallEvent.tsx
index 6139a2df6b..cff7a46931 100644
--- a/src/components/views/messages/CallEvent.tsx
+++ b/src/components/views/messages/CallEvent.tsx
@@ -170,7 +170,7 @@ export default class CallEvent extends React.Component<IProps, IState> {
                         height={32}
                     />
                     <div className="mx_CallEvent_info_basic">
-                        <div>
+                        <div className="mx_CallEvent_sender">
                             { sender }
                         </div>
                         <div className="mx_CallEvent_type">