diff --git a/HISTORY.rst b/HISTORY.rst
index 90b46057d2..719dc94a94 100644
--- a/HISTORY.rst
+++ b/HISTORY.rst
@@ -48,6 +48,7 @@ Next (2018-XX-XX)
 - Rename the internal name of the document type permissions namespace. Existing permissions will need to be updated.
 - Add support for OR type searches. Use the "OR" string between the terms. Example: term1 OR term2.
 - Removed redundant permissions checks.
+- Move the page count display to the top of the image.
 
 2.8 (2018-02-27)
 ================
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 b3def300d8..4bd781d75a 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
@@ -4,6 +4,11 @@
     {% 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 %}
@@ -14,11 +19,6 @@
                     {% endwith %}
                 </a>
             </div>
-            <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>
     {% empty %}
         <p>{% trans 'No pages to display' %}</p>