diff --git a/studio/src/app/pages/editor/app-editor/app-editor.scss b/studio/src/app/pages/editor/app-editor/app-editor.scss
index 08494f216..ad27b67bd 100644
--- a/studio/src/app/pages/editor/app-editor/app-editor.scss
+++ b/studio/src/app/pages/editor/app-editor/app-editor.scss
@@ -5,6 +5,7 @@ app-editor {
   @import "../../../../global/theme/editor/editor-deck";
   @import "../../../../global/theme/editor/editor-deck-placeholder";
   @import "../../../../global/theme/editor/editor-deck-social";
+  @import "../../../../global/theme/editor/editor-deck-header-footer";
 
   @import "../../../../global/theme/editor/editor-loading";
 
diff --git a/studio/src/global/theme/editor/editor-deck-header-footer.scss b/studio/src/global/theme/editor/editor-deck-header-footer.scss
new file mode 100644
index 000000000..c51d2197d
--- /dev/null
+++ b/studio/src/global/theme/editor/editor-deck-header-footer.scss
@@ -0,0 +1,8 @@
+main {
+  deckgo-deck {
+    *[slot="header"],
+    *[slot="footer"] {
+      pointer-events: none;
+    }
+  }
+}