diff --git a/examples/amp-story/interactives.html b/examples/amp-story/interactives.html
index ff1656fa3e8e..4df91bd9f69b 100644
--- a/examples/amp-story/interactives.html
+++ b/examples/amp-story/interactives.html
@@ -84,7 +84,6 @@ <h2>What is the best story ever?</h2>
             </amp-img>
           </amp-story-grid-layer>
           <amp-story-grid-layer template="center">
-
             <amp-story-interactive-quiz
                 id="first-cup-dark"
                 endpoint="https://webstoriesinteractivity-beta.web.app/api/v1"
@@ -98,6 +97,10 @@ <h2>What is the best story ever?</h2>
                 option-4-text="Brazil">
             </amp-story-interactive-quiz>
           </amp-story-grid-layer>
+          <amp-story-grid-layer template="center">
+            <!-- Add div in front, should not be clickable (but the quiz behind should) -->
+            <div style="display: flex; align-items: center; justify-content: center"><p>🇺🇾</p></div>
+          </amp-story-grid-layer>
         </amp-story-page>
         <amp-story-page id="quiz-1b">
           <amp-story-grid-layer template="fill">
diff --git a/extensions/amp-story-360/0.1/amp-story-360.css b/extensions/amp-story-360/0.1/amp-story-360.css
index 0007c34971a6..7d31df9fd948 100644
--- a/extensions/amp-story-360/0.1/amp-story-360.css
+++ b/extensions/amp-story-360/0.1/amp-story-360.css
@@ -27,6 +27,7 @@ amp-story-360 amp-img {
   display: flex !important;
   align-items: center !important;
   z-index: 100000 !important;
+  pointer-events: auto !important;
 }
 
 .i-amphtml-story-360-activate-button-icon {
diff --git a/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css b/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css
index 3010dc49c786..abf365990af1 100644
--- a/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css
+++ b/extensions/amp-story-shopping/0.1/amp-story-shopping-tag.css
@@ -6,6 +6,7 @@ amp-story-shopping-tag {
   width: auto !important;
   color: white !important;
   position: absolute !important;
+  pointer-events: auto !important;
   /* Height and width ensures layoutCallback is called. */
   min-height: 1px !important;
   min-width: 1px !important;
diff --git a/extensions/amp-story/1.0/amp-story.css b/extensions/amp-story/1.0/amp-story.css
index 159729325f2e..43d9077c14df 100644
--- a/extensions/amp-story/1.0/amp-story.css
+++ b/extensions/amp-story/1.0/amp-story.css
@@ -337,7 +337,8 @@ amp-story-page[active]:not(.i-amphtml-layout) amp-video.i-amphtml-poolbound:not(
   display: none !important;
 }
 
-amp-story-grid-layer > * {
+/** Make clickable elements in light dom accept pointer events */
+amp-story-grid-layer a, amp-story-grid-layer amp-twitter {
   pointer-events: auto !important;
 }