diff --git a/src/components/FlippableHandler.css b/src/components/FlippableHandler.css
index 630698b42..8105241cc 100644
--- a/src/components/FlippableHandler.css
+++ b/src/components/FlippableHandler.css
@@ -13,6 +13,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    pointer-events: none;
 }
 
 #rotation-container.disable-transition {
@@ -30,6 +31,7 @@
     backface-visibility: hidden;
     overflow: hidden;
     margin: inherit;
+    pointer-events: auto;
 }
 
 #rotation-container > .page.display-flex:not(:target) { /* :not(:target) is only required for specificity */