diff --git a/src/App.jsx b/src/App.jsx
index 453d5d8..640b052 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -169,6 +169,7 @@ function WebMap() {
         setMobileMenuState={setMobileMenuState}
       />
       <Flex
+        id='map-flex'
         h={`calc(100vh - 2.5rem)`}
         position='sticky'
         top='2.5rem'
diff --git a/src/theme/QuestionCardBarTheme.jsx b/src/theme/QuestionCardBarTheme.jsx
index af0ded5..1c5c053 100644
--- a/src/theme/QuestionCardBarTheme.jsx
+++ b/src/theme/QuestionCardBarTheme.jsx
@@ -84,6 +84,10 @@ const QuestionCardBarTheme = helpers.defineMultiStyleConfig({
       zIndex:'9',
       pointerEvents: 'none',
       background: mobileStyle('none', containerGradient),
+
+      // From https://stackoverflow.com/a/7896882, static position is required to fix scrolling on mobile.
+      pos: mobileStyle('static', 'fixed'),
+      WebkitOverflowScrolling: mobileStyle('touch', 'inherit'),
     }
   },
   defaultProps: {},