diff --git a/Packages/ohif-viewerbase/client/components/viewer/studyTimepointBrowser/studyTimepointStudy.js b/Packages/ohif-viewerbase/client/components/viewer/studyTimepointBrowser/studyTimepointStudy.js
index f09153b4c..f36ee7733 100644
--- a/Packages/ohif-viewerbase/client/components/viewer/studyTimepointBrowser/studyTimepointStudy.js
+++ b/Packages/ohif-viewerbase/client/components/viewer/studyTimepointBrowser/studyTimepointStudy.js
@@ -25,13 +25,6 @@ const initializeStudyWrapper = instance => {
     $thumbnails.css('max-height', '');
     $thumbnails.css('max-height', $thumbnails.height());
     $study.removeClass('active');
-};
-
-// Initialize the study wrapper max-height to enable CSS transition
-Template.studyTimepointStudy.onRendered(() => {
-    const instance = Template.instance();
-
-    initializeStudyWrapper(instance);
 
     // Here we add, remove, and add the active class again because this way
     // the max-height animation appears smooth to the user.
@@ -40,6 +33,14 @@ Template.studyTimepointStudy.onRendered(() => {
             $study.addClass('active');
         }, 1);
     }
+
+};
+
+// Initialize the study wrapper max-height to enable CSS transition
+Template.studyTimepointStudy.onRendered(() => {
+    const instance = Template.instance();
+
+    initializeStudyWrapper(instance);
 });
 
 Template.studyTimepointStudy.helpers({