diff --git a/src/assets/css/site.css b/src/assets/css/site.css
index da58848cdc..d489f77f01 100644
--- a/src/assets/css/site.css
+++ b/src/assets/css/site.css
@@ -124,3 +124,7 @@ div[data-role=page] {
 .force-scroll {
     overflow-y: scroll;
 }
+
+.hide-scroll {
+    overflow-y: hidden;
+}
diff --git a/src/components/slideshow/slideshow.js b/src/components/slideshow/slideshow.js
index 4716135ceb..ca394ef2ae 100644
--- a/src/components/slideshow/slideshow.js
+++ b/src/components/slideshow/slideshow.js
@@ -603,6 +603,9 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
          */
         self.show = function () {
             createElements(options);
+            // Hides page scrollbar
+            document.body.classList.remove('force-scroll');
+            document.body.classList.add('hide-scroll');
         };
 
         /**
@@ -611,6 +614,9 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
         self.hide = function () {
             if (dialog) {
                 dialogHelper.close(dialog);
+                // Shows page scrollbar
+                document.body.classList.remove('hide-scroll');
+                document.body.classList.add('force-scroll');
             }
         };
     };