diff --git a/src/components/media/VideoPlayer.tsx b/src/components/media/VideoPlayer.tsx
index c625ea1c..92ea4d1c 100644
--- a/src/components/media/VideoPlayer.tsx
+++ b/src/components/media/VideoPlayer.tsx
@@ -81,7 +81,7 @@ export function VideoPlayer(props: VideoPlayerProps) {
     <>
       {skeletonUi}
       <video
-        className={`bg-denim-500 w-full rounded-xl ${!showVideo ? "hidden" : ""
+        className={`bg-black w-full rounded-xl ${!showVideo ? "hidden" : ""
           }`}
         ref={videoRef}
         onProgress={(e) =>
diff --git a/yarn.lock b/yarn.lock
index ac38f731..32911f41 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1876,7 +1876,7 @@
   dependencies:
     "@types/react" "^17"
 
-"@types/react-router-dom@5.3.3":
+"@types/react-router-dom@^5.3.3":
   version "5.3.3"
   resolved "https://registry.yarnpkg.com/@types/react-router-dom/-/react-router-dom-5.3.3.tgz#e9d6b4a66fcdbd651a5f106c2656a30088cc1e83"
   integrity sha512-kpqnYK4wcdm5UaWI3fLcELopqLrHgLqNsdpHauzlQktfkHL3npOSwtj1Uz9oKBAzs7lFtVkV8j83voAz2D8fhw==
@@ -1885,7 +1885,7 @@
     "@types/react" "*"
     "@types/react-router" "*"
 
-"@types/react-router@*", "@types/react-router@5.1.18":
+"@types/react-router@*", "@types/react-router@^5.1.18":
   version "5.1.18"
   resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.18.tgz#c8851884b60bc23733500d86c1266e1cfbbd9ef3"
   integrity sha512-YYknwy0D0iOwKQgz9v8nOzt2J6l4gouBmDnWqUUznltOTaon+r8US8ky8HvN0tXvc38U9m6z/t2RsVsnd1zM0g==