diff --git a/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/Playhead.tsx b/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/Playhead.tsx
index b2ba2bb..49be472 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/Playhead.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/Playhead.tsx
@@ -177,7 +177,7 @@ const Playhead: React.FC<{layoutP: Pointer<SequenceEditorPanelLayout>}> = ({
         style={{transform: `translate3d(${posInClippedSpace}px, 0, 0)`}}
       >
         <Thumb ref={thumbRef as $IntentionalAny}>
-          <RoomToClick room={4} />
+          <RoomToClick room={8} />
           <Squinch />
           <Tooltip>
             {sequence.positionFormatter.formatForPlayhead(
diff --git a/theatre/studio/src/uiComponents/RoomToClick.tsx b/theatre/studio/src/uiComponents/RoomToClick.tsx
index 4cb56c4..60ab73a 100644
--- a/theatre/studio/src/uiComponents/RoomToClick.tsx
+++ b/theatre/studio/src/uiComponents/RoomToClick.tsx
@@ -2,7 +2,8 @@ import React from 'react'
 import styled from 'styled-components'
 
 const Container = styled.div<{room: number}>`
-  position: absolute calc(${(props) => props.room} * -1);
+  position: absolute;
+  inset: ${(props) => props.room * -1}px;
 `
 
 const RoomToClick: React.FC<{room: number}> = (props) => {