diff --git a/src/view/com/util/post-embeds/VideoWebControls.web.tsx b/src/view/com/util/post-embeds/VideoWebControls.web.tsx
index 498ea94433..6b8489f74b 100644
--- a/src/view/com/util/post-embeds/VideoWebControls.web.tsx
+++ b/src/view/com/util/post-embeds/VideoWebControls.web.tsx
@@ -148,7 +148,7 @@ export function Controls({
           a.align_center,
           web({
             background:
-              'linear-gradient(rgba(0, 0, 0, 0),  rgba(0, 0, 0, 0.4))',
+              'linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7))',
           }),
           showControls ? {opacity: 1} : {opacity: 0},
         ]}>