From 74d718f652538ded6548ea98dee7d1ac876f68ea Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Thu, 5 Aug 2021 14:12:41 +0200
Subject: [PATCH] Another one of those fixes

---
 .../DopeSheet/Right/DopeSheetBackground.tsx                  | 5 ++---
 .../panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx
index c946ca9..3edf394 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx
@@ -8,11 +8,10 @@ import React from 'react'
 import styled from 'styled-components'
 import FrameGrid from '@theatre/studio/panels/SequenceEditorPanel/FrameGrid/FrameGrid'
 
-const Container = styled.div<{width: number}>`
+const Container = styled.div`
   position: absolute;
   top: 0;
   right: 0;
-  width: ${(props) => props.width};
   bottom: 0;
   z-index: ${() => zIndexes.rightBackground};
   overflow: hidden;
@@ -27,7 +26,7 @@ const DopeSheetBackground: React.FC<{
   const height = useVal(layoutP.panelDims.height)
 
   return (
-    <Container width={width}>
+    <Container style={{width: width + 'px'}}>
       <FrameGrid width={width} height={height} layoutP={layoutP} />
     </Container>
   )
diff --git a/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx b/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx
index eafc0cb..5200a3e 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx
@@ -11,11 +11,10 @@ import HorizontalScrollbar from './HorizontalScrollbar'
 import Playhead from './Playhead'
 import TopStrip from './TopStrip'
 
-const Container = styled.div<{width: number}>`
+const Container = styled.div`
   position: absolute;
   top: 0;
   right: 0;
-  width: ${(props) => props.width}px;
   bottom: 0;
   z-index: ${() => zIndexes.rightOverlay};
   overflow: visible;
@@ -29,7 +28,7 @@ const RightOverlay: React.FC<{
     const width = val(layoutP.rightDims.width)
 
     return (
-      <Container width={width}>
+      <Container style={{width: width + 'px'}}>
         <Playhead layoutP={layoutP} />
         <HorizontalScrollbar layoutP={layoutP} />
         <FrameStamp layoutP={layoutP} />