diff --git a/src/App.vue b/src/App.vue
index b1eb59e..c8b8753 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -123,6 +123,10 @@ img{
   height: auto;
 }
 
+.no-scroll {
+  overflow: hidden;
+}
+
 .wrapper{
   position: relative;
 }
diff --git a/src/components/MoviePopup.vue b/src/components/MoviePopup.vue
index b71a5e2..9e30535 100644
--- a/src/components/MoviePopup.vue
+++ b/src/components/MoviePopup.vue
@@ -32,9 +32,11 @@ export default {
   },
   created(){
     window.addEventListener('keyup', this.checkEventForEscapeKey)
+    document.getElementsByTagName("body")[0].classList += " no-scroll";
   },
   beforeDestroy() {
     window.removeEventListener('keyup', this.checkEventForEscapeKey)
+    document.getElementsByTagName("body")[0].classList.remove("no-scroll");
   }
 
 }