diff --git a/src/components/Viewer.vue b/src/components/Viewer.vue
index 9f922953..c2e05163 100644
--- a/src/components/Viewer.vue
+++ b/src/components/Viewer.vue
@@ -896,6 +896,10 @@ export default class Viewer extends Mixins(GlobalMixin) {
 .inner,
 .inner :deep .pswp {
   width: inherit;
+
+  .pswp__top-bar {
+    background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.3));
+  }
 }
 
 :deep .video-js .vjs-big-play-button {