diff --git a/mayan/apps/documents/forms.py b/mayan/apps/documents/forms.py
index 78e3950b0b..e1a67e4619 100644
--- a/mayan/apps/documents/forms.py
+++ b/mayan/apps/documents/forms.py
@@ -151,7 +151,7 @@ class DocumentContentForm(forms.Form):
 
     contents = forms.CharField(
         label=_('Contents'),
-        widget=TextAreaDiv()
+        widget=TextAreaDiv(attrs={'class': 'text_area_div full-height', 'data-height-difference': 360})
     )
 
 
diff --git a/mayan/apps/documents/widgets.py b/mayan/apps/documents/widgets.py
index 9170277f80..83057433d7 100644
--- a/mayan/apps/documents/widgets.py
+++ b/mayan/apps/documents/widgets.py
@@ -23,7 +23,7 @@ class DocumentPageImageWidget(forms.widgets.Widget):
         rotation = final_attrs.get('rotation', 0)
         if value:
             output = []
-            output.append('<div class="full-height scrollable mayan-page-wrapper-interactive">')
+            output.append('<div class="full-height scrollable mayan-page-wrapper-interactive" data-height-difference=230>')
             output.append(document_html_widget(value.document, page=value.page_number, zoom=zoom, rotation=rotation, image_class='lazy-load-interactive', nolazyload=False, size=DISPLAY_SIZE))
             output.append('</div>')
             return mark_safe(''.join(output))
@@ -37,7 +37,7 @@ class DocumentPagesCarouselWidget(forms.widgets.Widget):
     """
     def render(self, name, value, attrs=None):
         output = []
-        output.append('<div id="carousel-container">')
+        output.append('<div id="carousel-container" class="full-height scrollable" data-height-difference=360>')
 
         try:
             document_pages = value.pages.all()
diff --git a/mayan/apps/main/templates/main/base.html b/mayan/apps/main/templates/main/base.html
index f9de942ec5..475b18d544 100644
--- a/mayan/apps/main/templates/main/base.html
+++ b/mayan/apps/main/templates/main/base.html
@@ -409,10 +409,11 @@
                     });
                 });
                 $('.scrollable').scrollview();
-                $('.full-height').height($(window).height() - 230);
+                $('.full-height').height($(window).height() - $('.full-height').data('heightDifference'));
                 $(window).resize(function() {
-                    $('.full-height').height($(window).height() - 230);
+                    $('.full-height').height($(window).height() - $('.full-height').data('heightDifference'));
                 });
+
                 $('.no-parent-history', this).click(function() {
                     location.replace(this.href);
                     return false;