From e2ed3434873cca6bfe1fc6dda9fb72afea173380 Mon Sep 17 00:00:00 2001
From: Aria Minaei <aria.minaei@gmail.com>
Date: Fri, 23 Jul 2021 21:49:10 +0200
Subject: [PATCH] Fixed the glitch in SequenceEditorPanel's bg

---
 .../src/panels/SequenceEditorPanel/SequenceEditorPanel.tsx   | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/theatre/studio/src/panels/SequenceEditorPanel/SequenceEditorPanel.tsx b/theatre/studio/src/panels/SequenceEditorPanel/SequenceEditorPanel.tsx
index 352eaae..873dc47 100644
--- a/theatre/studio/src/panels/SequenceEditorPanel/SequenceEditorPanel.tsx
+++ b/theatre/studio/src/panels/SequenceEditorPanel/SequenceEditorPanel.tsx
@@ -33,13 +33,12 @@ const Container = styled(PanelWrapper)`
 `
 
 const LeftBackground = styled.div`
-  background-color: #282b2fed;
+  background-color: rgba(40, 43, 47, 0.99);
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
-  width: 200px;
   pointer-events: none;
 `
 
@@ -154,7 +153,7 @@ const Content: React.FC<{}> = () => {
     const graphEditorOpen = val(layoutP.graphEditorDims.isOpen)
     return (
       <Container ref={containerRef}>
-        <LeftBackground />
+        <LeftBackground style={{width: `${val(layoutP.leftDims.width)}px`}} />
         <FrameStampPositionProvider layoutP={layoutP}>
           <Header layoutP={layoutP} />
           <DopeSheet key={key + '-dopeSheet'} layoutP={layoutP} />