diff --git a/src/components/mediaViewer/MediaViewerFooter.scss b/src/components/mediaViewer/MediaViewerFooter.scss
index fafa3157..f7859c09 100644
--- a/src/components/mediaViewer/MediaViewerFooter.scss
+++ b/src/components/mediaViewer/MediaViewerFooter.scss
@@ -3,6 +3,7 @@
   bottom: 0;
   padding: 1rem 0;
   width: 100%;
+  transition: opacity .15s;
 
   #MediaViewer.zoomed & {
     display: none;
@@ -45,9 +46,7 @@
   }
 
   &.is-hidden {
-    .media-viewer-footer-content {
-      opacity: 0;
-    }
+    opacity: 0;
   }
 
   .media-text {