diff --git a/res/css/views/elements/_ImageView.scss b/res/css/views/elements/_ImageView.scss
index cf92ffec64..41d24ac051 100644
--- a/res/css/views/elements/_ImageView.scss
+++ b/res/css/views/elements/_ImageView.scss
@@ -38,12 +38,23 @@ $button-gap: 24px;
     flex-shrink: 0;
 }
 
+@keyframes mx_ImageView_panel_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
 .mx_ImageView_panel {
     width: 100%;
     height: 68px;
     display: flex;
     justify-content: space-between;
     align-items: center;
+    animation-name: mx_ImageView_panel_keyframes;
+    animation-duration: 0.25s;
 }
 
 .mx_ImageView_info_wrapper {