diff --git a/src/components/views/voip/CallPreview.tsx b/src/components/views/voip/CallPreview.tsx
index 761458cb4c..aa2e71339e 100644
--- a/src/components/views/voip/CallPreview.tsx
+++ b/src/components/views/voip/CallPreview.tsx
@@ -127,6 +127,7 @@ export default class CallPreview extends React.Component<IProps, IState> {
     public componentDidMount() {
         this.roomStoreToken = RoomViewStore.addListener(this.onRoomViewStoreUpdate);
         document.addEventListener("mousemove", this.onMoving);
+        document.addEventListener("mouseup", this.onEndMoving);
         this.dispatcherRef = dis.register(this.onAction);
         MatrixClientPeg.get().on(CallEvent.RemoteHoldUnhold, this.onCallRemoteHold);
     }
@@ -134,6 +135,7 @@ export default class CallPreview extends React.Component<IProps, IState> {
     public componentWillUnmount() {
         MatrixClientPeg.get().removeListener(CallEvent.RemoteHoldUnhold, this.onCallRemoteHold);
         document.removeEventListener("mousemove", this.onMoving);
+        document.removeEventListener("mouseup", this.onEndMoving);
         if (this.roomStoreToken) {
             this.roomStoreToken.remove();
         }
diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index cbedfb3a3d..1f555e5227 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -626,7 +626,6 @@ export default class CallView extends React.Component<IProps, IState> {
                 <div
                     className="mx_CallView_header"
                     onMouseDown={this.props.dragCallbacks?.onStartMoving}
-                    onMouseUp={this.props.dragCallbacks?.onEndMoving}
                 >
                     <AccessibleButton onClick={this.onRoomAvatarClick}>
                         <RoomAvatar room={callRoom} height={32} width={32} />