From 2ad093d3e35d982a90392c9d68fc190b1a00d083 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Mon, 26 Jul 2021 14:30:39 +0200
Subject: [PATCH] UX tweak

---
 .../src/panels/SequenceEditorPanel/RightOverlay/Playhead.tsx   | 2 +-
 theatre/studio/src/uiComponents/RoomToClick.tsx                | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

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) => {