diff --git a/apps/client/src/common/hooks/useSocket.ts b/apps/client/src/common/hooks/useSocket.ts
index da94bb454..30862c92e 100644
--- a/apps/client/src/common/hooks/useSocket.ts
+++ b/apps/client/src/common/hooks/useSocket.ts
@@ -55,6 +55,9 @@ export const setMessage = {
   timerBlackout: (payload: boolean) => sendSocket('message', { timer: { blackout: payload } }),
   timerSecondarySource: (payload: TimerMessage['secondarySource']) =>
     sendSocket('message', { timer: { secondarySource: payload } }),
+  /** returns the stage to a plain timer, keeping whatever the operator has typed */
+  clearScreen: () =>
+    sendSocket('message', { timer: { visible: false, blink: false, blackout: false, secondarySource: null } }),
 };
 
 export const usePlaybackControl = createSelector((state: RuntimeStore) => ({
diff --git a/apps/client/src/features/control/message/ScreenControl.tsx b/apps/client/src/features/control/message/ScreenControl.tsx
index dd6d19b7f..607fc6b02 100644
--- a/apps/client/src/features/control/message/ScreenControl.tsx
+++ b/apps/client/src/features/control/message/ScreenControl.tsx
@@ -4,7 +4,7 @@ import { setMessage, useScreenControl } from '../../../common/hooks/useSocket';
 import style from './ScreenControl.module.scss';
 
 export default function ScreenControl() {
-  const { blackout, blink } = useScreenControl();
+  const { blackout, blink, isScreenModified } = useScreenControl();
 
   return (
     <div className={style.screenControl}>
@@ -26,6 +26,15 @@ export default function ScreenControl() {
       >
         Blackout
       </Button>
+      <Button
+        variant='subtle'
+        fluid
+        disabled={!isScreenModified}
+        onClick={() => setMessage.clearScreen()}
+        data-testid='clear screen'
+      >
+        Clear screen
+      </Button>
     </div>
   );
 }