diff --git a/app/annotator.html b/app/annotator.html
index 9a8e0b30c..af9d3f8c8 100644
--- a/app/annotator.html
+++ b/app/annotator.html
@@ -186,7 +186,7 @@
                   </label>
                 </span>
               </p>
-              <div class="panel-block transcription fill-height">
+              <div class="panel-block transcription responsive-height">
                 <p :class="{'show-supplied': selection.showSuppliedText, 'transcription-body': 1}" v-html="text">
                 </p>
               </div>
@@ -199,7 +199,7 @@
                 <a v-if="image" :href="getAnnotationsAbsolutePath()" target="_blank"><i class="fas fa-external-link-alt"></i></a>
                 <span v-if="isAnnotationSelected">(Selected)</span>
               </p>
-              <div class="panel-block fill-height">
+              <div class="panel-block responsive-height">
                 <dl class="description">
                   <dt>Script</dt> 
                   <dd>
diff --git a/app/assets/main.css b/app/assets/main.css
index 3b3c7d348..6c69815ec 100644
--- a/app/assets/main.css
+++ b/app/assets/main.css
@@ -4,7 +4,7 @@
   --bound-color: blue;
 }
 
-.fill-height {
+.responsive-height {
   overflow: scroll;
   align-items: inherit;
 }
diff --git a/app/utils.js b/app/utils.js
index 687bf4e7f..48c12c71d 100644
--- a/app/utils.js
+++ b/app/utils.js
@@ -220,12 +220,13 @@
   }
 
   function initFillHeightElements() {
-    for (let element of document.querySelectorAll('.fill-height')) {
+    for (let element of document.querySelectorAll('.responsive-height')) {
       let height = (window.innerHeight - element.offsetTop + window.scrollY - 15)
       if (height < 10) {
         height = 10
       }
       element.style.height = `${height}px`;
+      console.log(element.style.height)
     }
   }