diff --git a/src/js/base.js b/src/js/base.js
index 65f6b42..28debe8 100644
--- a/src/js/base.js
+++ b/src/js/base.js
@@ -738,7 +738,7 @@ class PipUI {
 
 		if(typeof callback != 'function'){ return; }
 
-		document.body.addEventListener(event, (e) => {
+		document.body.addEventListener(event, e => {
 
 			let target = e.target;
 
diff --git a/src/scss/modal.scss b/src/scss/modal.scss
index 11e3810..bba78be 100644
--- a/src/scss/modal.scss
+++ b/src/scss/modal.scss
@@ -33,11 +33,18 @@
   align-items: center;
   grid-template-columns: 100%;
   padding: 0 $DEFAULT_PADDING_WIDTH;
-  height: calc(100vh - #{$DEFAULT_PADDING_WIDTH * 2}); /* 100 vertical height - 20px(x2) padding */
+  max-height: calc(100vh - #{$DEFAULT_PADDING_WIDTH * 2}); /* 100 vertical height - 20px(x2) padding */
   overflow: auto;
+  position: relative;
+  z-index: 21;
+  scrollbar-width: thin;
   pointer-events: none;
 }
 
+.modal.modal-active > .modal-wrapper {
+  pointer-events: auto;
+}
+
 .modal > .modal-wrapper > .modal-content {
   pointer-events: auto;
   cursor: auto;