diff --git a/res/css/views/voip/_CallView.scss b/res/css/views/voip/_CallView.scss
index 4ade5d90f8..7f01aecbcd 100644
--- a/res/css/views/voip/_CallView.scss
+++ b/res/css/views/voip/_CallView.scss
@@ -31,7 +31,7 @@ limitations under the License.
     .mx_CallView_voice {
         height: 360px;
         @media only screen and (max-height: 768px) {
-            height: 300px;
+            height: 220px;
         }
     }
 }
diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index 9bdc8fb11d..762a2bb941 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -538,7 +538,8 @@ export default class CallView extends React.Component<IProps, IState> {
                 {callControls}
             </div>;
         } else {
-            const avatarSize = this.props.pipMode ? 76 : 160;
+            const normalAvatarSize = window.innerHeight <= 768 ? 120 : 160;
+            const avatarSize = this.props.pipMode ? 76 : normalAvatarSize;
             const classes = classNames({
                 mx_CallView_voice: true,
                 mx_CallView_voice_hold: isOnHold,