diff --git a/packages/app/src/pages/lyrics/index.less b/packages/app/src/pages/lyrics/index.less
index 7fc10137..65323870 100644
--- a/packages/app/src/pages/lyrics/index.less
+++ b/packages/app/src/pages/lyrics/index.less
@@ -29,6 +29,8 @@
     background-position: center;
 
     &.video-canvas-enabled {
+        background-color: rgba(var(--predominant-color-rgb-values), 1);
+
         .lyrics_viewer_video_canvas {
             video {
                 opacity: @enabled-video-canvas-opacity;