diff --git a/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx b/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx
index 28490c4de147..451e82f20fd4 100644
--- a/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx
+++ b/services/cms/src/blocks/HeroSection/HeroSectionEditor.tsx
@@ -59,6 +59,7 @@ const HeroSectionEditor: React.FC<
               width: 100%;
               height: 100%;
               content: "";
+              pointer-events: none;
               opacity: 0.3;
               background-image: url(${backgroundImage});
               background-repeat: ${backgroundRepeatX ? "repeat-x" : "no-repeat"};