diff --git a/HISTORY.rst b/HISTORY.rst
index 1352ce1275..ad5592cb71 100644
--- a/HISTORY.rst
+++ b/HISTORY.rst
@@ -1,4 +1,4 @@
-3.0 (2018-03-19)
+3.0 (2018-04-XX)
 ================
 - Fix permission filtering when performing document page searching.
 - Fix cabinet detail view pagination.
@@ -60,6 +60,8 @@
 - Improve and add additional diagrams.
 - Change documenation theme to rtd.
 - Fix "check for update" feature.
+- Fix carousel item height issues.
+- Place the page number summary at the bottom of the carousel pages.
 
 2.8 (2018-02-27)
 ================
diff --git a/mayan/apps/appearance/static/appearance/css/base.css b/mayan/apps/appearance/static/appearance/css/base.css
index 65416dab44..233d83e08f 100644
--- a/mayan/apps/appearance/static/appearance/css/base.css
+++ b/mayan/apps/appearance/static/appearance/css/base.css
@@ -84,6 +84,7 @@ body {
 
 .carousel-item {
     margin: 5px 10px 10px 10px;
+    min-height: 100%;
 }
 
 .carousel-item-page-number {
diff --git a/mayan/apps/documents/templates/documents/forms/widgets/document_page_carousel.html b/mayan/apps/documents/templates/documents/forms/widgets/document_page_carousel.html
index 4bd781d75a..de0c80bd53 100644
--- a/mayan/apps/documents/templates/documents/forms/widgets/document_page_carousel.html
+++ b/mayan/apps/documents/templates/documents/forms/widgets/document_page_carousel.html
@@ -2,24 +2,22 @@
 
 <div class="full-height scrollable" data-height-difference=230 id="carousel-container">
     {% for document_page in widget.value.pages.all %}
-        <div class="carousel-item" style="height: 100%;">
-            <div class="instance-image-widget">
-                <div class="carousel-item-page-number">
-                    {% blocktrans with document_page.page_number as page_number and widget.value.pages.count as total_pages %}
-                        Page {{ page_number }} of {{ total_pages }}
-                    {% endblocktrans %}
-                </div>
-                <a href="{% url 'documents:document_page_view' document_page.pk %}">
-                    {% with 'lazy-load-carousel' as image_classes %}
-                    {% with document_page as instance %}
-                    {% with widget.attrs.height as display_height %}
-                        {% include 'documents/forms/widgets/document_page_image.html' %}
-                    {% endwith %}
-                    {% endwith %}
-                    {% endwith %}
-                </a>
+        <div class="carousel-item">
+            <a href="{% url 'documents:document_page_view' document_page.pk %}">
+                {% with 'lazy-load-carousel' as image_classes %}
+                {% with document_page as instance %}
+                {% with widget.attrs.height as display_height %}
+                    {% include 'documents/forms/widgets/document_page_image.html' %}
+                {% endwith %}
+                {% endwith %}
+                {% endwith %}
+            </a>
+            <div class="carousel-item-page-number">
+                {% blocktrans with document_page.page_number as page_number and widget.value.pages.count as total_pages %}
+                    Page {{ page_number }} of {{ total_pages }}
+                {% endblocktrans %}
             </div>
-        </div>
+	</div>
     {% empty %}
         <p>{% trans 'No pages to display' %}</p>
     {% endfor %}