diff --git a/app/styles/modules/common/lightbox.scss b/app/styles/modules/common/lightbox.scss
index 3bd0ab8b..301077ff 100644
--- a/app/styles/modules/common/lightbox.scss
+++ b/app/styles/modules/common/lightbox.scss
@@ -18,6 +18,8 @@
     }
     &.open {
         @include table-flex(center, center, flex, row, wrap, center);
+        @include transition (opacity .3s ease);
+        opacity: 1;
     }
     .title {
         text-align: center;
@@ -36,10 +38,6 @@
         padding: 12px;
         text-align: center;
     }
-    &.open {
-        @include transition (opacity .3s ease);
-        opacity: 1;
-    }
 }
 
 .markdown-preview {