diff --git a/frontend/src/component/video/player.vue b/frontend/src/component/video/player.vue
index 9a539dcd3..038f225f0 100644
--- a/frontend/src/component/video/player.vue
+++ b/frontend/src/component/video/player.vue
@@ -85,8 +85,7 @@ export default {
       return this.$el.getElementsByTagName('video')[0];
     },
     updateStyle() {
-      // this.style = `width: ${this.width.toString()}px; height: ${this.height.toString()}px`;
-      this.style = `width:100%; height: 100%`;
+      this.style = `width: ${this.width.toString()}px; height: ${this.height.toString()}px`;
       this.$el.style.cssText = this.style;
     },
     render() {
diff --git a/frontend/src/css/viewer.css b/frontend/src/css/viewer.css
index d96cac659..2019ab071 100644
--- a/frontend/src/css/viewer.css
+++ b/frontend/src/css/viewer.css
@@ -10,7 +10,7 @@
     top: 0;
     bottom: 0;
     right: 0;
-    background-color: rgba(0,0,0,1);
+    background-color: rgba(0,0,0,0.66);
 }
 
 #photoprism .video-wrapper {