diff --git a/src/components/views/voip/CallPreview.tsx b/src/components/views/voip/CallPreview.tsx
index 37ac621116..2aa3080e60 100644
--- a/src/components/views/voip/CallPreview.tsx
+++ b/src/components/views/voip/CallPreview.tsx
@@ -28,7 +28,7 @@ import { CallEvent, CallState, MatrixCall } from 'matrix-js-sdk/src/webrtc/call'
 import { MatrixClientPeg } from '../../../MatrixClientPeg';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import { EventSubscription } from 'fbemitter';
-import { PictureInPictureDragger } from './PictureInPictureDragger';
+import PictureInPictureDragger from './PictureInPictureDragger';
 
 const SHOW_CALL_IN_STATES = [
     CallState.Connected,
diff --git a/src/components/views/voip/CallView.tsx b/src/components/views/voip/CallView.tsx
index 851095d55a..d3371b8456 100644
--- a/src/components/views/voip/CallView.tsx
+++ b/src/components/views/voip/CallView.tsx
@@ -42,7 +42,7 @@ import DesktopCapturerSourcePicker from "../elements/DesktopCapturerSourcePicker
 import Modal from '../../../Modal';
 import { SDPStreamMetadataPurpose } from 'matrix-js-sdk/src/webrtc/callEventTypes';
 import CallViewSidebar from './CallViewSidebar';
-import { CallViewHeader } from './CallView/CallViewHeader';
+import CallViewHeader from './CallView/CallViewHeader';
 import AccessibleTooltipButton from "../elements/AccessibleTooltipButton";
 import { Alignment } from "../elements/Tooltip";
 
diff --git a/src/components/views/voip/CallView/CallViewHeader.tsx b/src/components/views/voip/CallView/CallViewHeader.tsx
index 8145c47871..d9a49e5010 100644
--- a/src/components/views/voip/CallView/CallViewHeader.tsx
+++ b/src/components/views/voip/CallView/CallViewHeader.tsx
@@ -94,7 +94,7 @@ const CallTypeIcon: React.FC<{ type: CallType }> = ({ type }) => {
     return <div className={classes} />;
 };
 
-export const CallViewHeader: React.FC<CallViewHeaderProps> = ({
+const CallViewHeader: React.FC<CallViewHeaderProps> = ({
     type,
     pipMode = false,
     callRooms = [],
@@ -131,3 +131,5 @@ export const CallViewHeader: React.FC<CallViewHeaderProps> = ({
         </div>
     );
 };
+
+export default CallViewHeader;
diff --git a/src/components/views/voip/PictureInPictureDragger.tsx b/src/components/views/voip/PictureInPictureDragger.tsx
index a0d5299166..23a09b20d8 100644
--- a/src/components/views/voip/PictureInPictureDragger.tsx
+++ b/src/components/views/voip/PictureInPictureDragger.tsx
@@ -55,7 +55,7 @@ interface IState {
  * (PiP mode). It displays the call(s) which is *not* in the room the user is currently viewing.
  */
 @replaceableComponent("views.voip.PictureInPictureDragger")
-export class PictureInPictureDragger extends React.Component<IProps, IState> {
+export default class PictureInPictureDragger extends React.Component<IProps, IState> {
     private callViewWrapper = createRef<HTMLDivElement>();
     private initX = 0;
     private initY = 0;