diff --git a/src/components/MobileHeader.vue b/src/components/MobileHeader.vue
index f16bb4f4..730257f2 100644
--- a/src/components/MobileHeader.vue
+++ b/src/components/MobileHeader.vue
@@ -62,6 +62,7 @@ export default defineComponent({
 
 <style lang="scss" scoped>
 #mobile-header {
+  contain: strict;
   position: fixed;
   top: 0;
   left: 0;
diff --git a/src/components/MobileNav.vue b/src/components/MobileNav.vue
index 16e9cc9e..4dfe3262 100644
--- a/src/components/MobileNav.vue
+++ b/src/components/MobileNav.vue
@@ -50,6 +50,7 @@ export default defineComponent({
 
 // Show correct nav depending on screen size
 #mobile-nav {
+  contain: strict;
   display: none;
 }