diff --git a/pages/localMedia/folders/_id.vue b/pages/localMedia/folders/_id.vue
index 22645149..8c17fa4b 100644
--- a/pages/localMedia/folders/_id.vue
+++ b/pages/localMedia/folders/_id.vue
@@ -189,7 +189,11 @@ export default {
 
 <style scoped>
 .media-item-container {
-  height: calc(100vh - 200px);
-  max-height: calc(100vh - 200px);
+  height: calc(100vh - 210px);
+  max-height: calc(100vh - 210px);
+}
+.playerOpen .media-item-container {
+  height: calc(100vh - 310px);
+  max-height: calc(100vh - 310px);
 }
 </style>
\ No newline at end of file
diff --git a/pages/localMedia/item/_id.vue b/pages/localMedia/item/_id.vue
index bd2313e8..97c35827 100644
--- a/pages/localMedia/item/_id.vue
+++ b/pages/localMedia/item/_id.vue
@@ -390,7 +390,7 @@ export default {
 }
 </script>
 
-<style>
+<style scoped>
 .media-item-container {
   height: calc(100vh - 200px);
   max-height: calc(100vh - 200px);