diff --git a/assets/scripts/src/overlay.js b/assets/scripts/src/overlay.js
index ccbfa5a09cd66695a03bda1a7e8cae7cf8d3b116..cb1075376cbd634b7e4a668106604314a375e880 100644
--- a/assets/scripts/src/overlay.js
+++ b/assets/scripts/src/overlay.js
@@ -7,7 +7,7 @@ import Position from './position';
 export default class Overlay {
   constructor({
     opacity = 0.75,
-    padding = 5,
+    padding = 10,
     animate = true,
   }) {
     this.opacity = opacity; // Fixed opacity for the layover
diff --git a/assets/scripts/src/sholo.js b/assets/scripts/src/sholo.js
index 3b4da10b233409db1afe3b74ccaeefe1debc1e36..66d140dddac9643438360f251a7b39fd5623497e 100644
--- a/assets/scripts/src/sholo.js
+++ b/assets/scripts/src/sholo.js
@@ -8,7 +8,7 @@ import './polyfill';
 export default class Sholo {
   constructor({
     opacity = 0.75,
-    padding = 5,
+    padding = 10,
     animate = true,
   } = {}) {
     this.overlay = new Overlay({