diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue
index f40cd89e..78e5da1b 100644
--- a/src/components/VideoPlayer.vue
+++ b/src/components/VideoPlayer.vue
@@ -1,6 +1,11 @@
 <template>
-    <div ref="container" data-shaka-player-container :class="{ 'player-container': !isEmbed }">
-        <video ref="videoEl" data-shaka-player class="w-full" :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" />
+    <div
+        ref="container"
+        data-shaka-player-container
+        class="w-full max-h-screen flex justify-center"
+        :class="{ 'player-container': !isEmbed }"
+    >
+        <video ref="videoEl" class="w-full" data-shaka-player :autoplay="shouldAutoPlay" :loop="selectedAutoLoop" />
     </div>
 </template>
 
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index ba362062..0bb080cf 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="video && isEmbed" class="absolute top-0 left-0 h-full w-full z-50">
+    <div v-if="video && isEmbed" class="absolute top-0 left-0 h-full w-full bg-black z-50">
         <VideoPlayer
             ref="videoPlayer"
             :video="video"