diff --git a/src/styles/components/_presentation.scss b/src/styles/components/_presentation.scss
index 15c77d5d..2ba7582d 100644
--- a/src/styles/components/_presentation.scss
+++ b/src/styles/components/_presentation.scss
@@ -51,4 +51,25 @@
   bottom: 0;
   left: 0;
   right: 0;
+  text-align: center;
+}
+
+.presentation .overlaybar a.btn {
+  position: absolute;
+  font-size: 20px;
+  padding: 4px 6px;
+  top: 0px;
+  line-height: 28px;
+}
+
+.presentation .overlaybar a.btn-prev {
+  left: 40px;
+}
+
+.presentation .overlaybar a.btn-next {
+  right: 0px;
+}
+
+.presentation .overlaybar span {
+  line-height: 30px;
 }
diff --git a/static/partials/presentation.html b/static/partials/presentation.html
index 68d922e5..a0ad4dc1 100644
--- a/static/partials/presentation.html
+++ b/static/partials/presentation.html
@@ -5,8 +5,9 @@
 	<div class="overlaybar form-horizontal" ng-class="{notvisible: hideControlsBar}">
 		<a class="overlaybar-button" ng-model="hideControlsBar" btn-checkbox btn-checkbox btn-checkbox-true="0" btn-checkbox-false="1" title="{{_('Presentation controls')}}"><i class="fa fa-cogs"></i></a>
 		<form class="overlaybar-content form-group">
-			<a class="btn" ng-click="prevPage()" ng-show="currentPageNumber &gt; 1" title="{{_('Prev')}}"><i class="fa fa-backward"></i></a>
-			<a class="btn" ng-click="nextPage()" ng-show="currentPageNumber &lt; maxPageNumber" title="{{_('Next')}}"><i class="fa fa-forward"></i></a>
+			<a class="btn btn-prev" ng-click="prevPage()" ng-show="currentPageNumber &gt; 1" title="{{_('Prev')}}"><i class="fa fa-backward"></i></a>
+			<span class="pageinfo">{{ currentPageNumber }} / {{ maxPageNumber }}</span>
+			<a class="btn btn-next" ng-click="nextPage()" ng-show="currentPageNumber &lt; maxPageNumber" title="{{_('Next')}}"><i class="fa fa-forward"></i></a>
 		</form>
 	</div>
 </div>