diff --git a/packages/frontend/src/components/MkMediaVideo.vue b/packages/frontend/src/components/MkMediaVideo.vue
index 52a07bce8eaa..62bde453eaf2 100644
--- a/packages/frontend/src/components/MkMediaVideo.vue
+++ b/packages/frontend/src/components/MkMediaVideo.vue
@@ -61,6 +61,7 @@ const hide = ref(
     padding: 3px 6px;
     text-align: center;
     cursor: pointer;
+    z-index: 1;
     top: 12px;
     right: 12px;
   }
diff --git a/packages/frontend/src/components/MkVideoPlayer.vue b/packages/frontend/src/components/MkVideoPlayer.vue
index 2636febf0548..b0758ad16d73 100644
--- a/packages/frontend/src/components/MkVideoPlayer.vue
+++ b/packages/frontend/src/components/MkVideoPlayer.vue
@@ -36,9 +36,8 @@ export default {
 };
 </script>
 
-<style lang="scss" module>
-.video-js {
-  width: 100% !important;
-  height: 100% !important;
+<style lang="scss">
+.vjs-error .vjs-error-display .vjs-modal-dialog-content {
+  padding-top: 40px;
 }
 </style>