diff --git a/services/web/public/coffee/ide/pdfng/directives/pdfPage.coffee b/services/web/public/coffee/ide/pdfng/directives/pdfPage.coffee
index f28f09d2dc..36cd6a4a5e 100644
--- a/services/web/public/coffee/ide/pdfng/directives/pdfPage.coffee
+++ b/services/web/public/coffee/ide/pdfng/directives/pdfPage.coffee
@@ -21,8 +21,12 @@ define [
 				highlightsElement = $(element).find('.highlights-layer')
 
 				updatePageSize = (size) ->
-					element.height(Math.floor(size[0]))
-					element.width(Math.floor(size[1]))
+					h = Math.floor(size[0])
+					w = Math.floor(size[1])
+					element.height(h)
+					element.width(w)
+					canvasElement.height(h)
+					canvasElement.width(w)
 					scope.page.sized = true
 
 				isVisible = (containerSize) ->
diff --git a/services/web/public/coffee/ide/pdfng/directives/pdfRenderer.coffee b/services/web/public/coffee/ide/pdfng/directives/pdfRenderer.coffee
index 6587e59adf..5ee3f2d5dc 100644
--- a/services/web/public/coffee/ide/pdfng/directives/pdfRenderer.coffee
+++ b/services/web/public/coffee/ide/pdfng/directives/pdfRenderer.coffee
@@ -175,11 +175,10 @@ define [
 					canvas.removeClass('pdf-canvas-new')
 
 			addSpinner: (element) ->
-				element.css({position: 'relative'})
-				h = element.parent().height()
-				w = element.parent().width()
+				h = element.height()
+				w = element.width()
 				size = Math.floor(0.5 * Math.min(h, w))
-				spinner = $('<div style="position: absolute; top: 50%; left:50%; transform: translateX(-50%) translateY(50%);"><i class="fa fa-spinner fa-spin" style="color: #999"></i></div>')
+				spinner = $('<div style="position: absolute; top: 50%; left:50%; transform: translateX(-50%) translateY(-50%); z-index: 2"><i class="fa fa-spinner fa-spin" style="color: #999"></i></div>')
 				spinner.css({'font-size' : size + 'px'})
 				element.append(spinner)