diff --git a/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx b/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx
index c9c3f48a92..7684b1583e 100644
--- a/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx
+++ b/packages/fakeyou.com/src/components/common/VideoQuickTrim/VideoQuickTrim.tsx
@@ -85,7 +85,12 @@ export default function VideoQuickTrim({
         </div>
       </div>
       <div className="playbar">
-        <div className="trimzone" />
+        <div className="trimzone" style={{width: (
+          videoRef.current ? 
+            (trimDuration / videoRef.current.duration * 100) 
+            : 0
+          ) + "%"}}
+        />
         <div className="playcursor" style={{left: currentTimePortion+"%"}}/>
       </div>
       <div className="d-flex w-100 justify-content-center">
diff --git a/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss b/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss
index 33e5e7b879..2b312b6960 100644
--- a/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss
+++ b/packages/fakeyou.com/src/components/common/VideoQuickTrim/styles.scss
@@ -30,7 +30,6 @@
   .trimzone{
     position: absolute;
     top:0;
-    width: 30px;
     height: 2rem;
     background-color: #e66462;
     opacity: 0.8;