diff --git a/web/src/features/moreCast2/components/ForecastDataGrid.tsx b/web/src/features/moreCast2/components/ForecastDataGrid.tsx
index 636455d0f..48fc78dc6 100644
--- a/web/src/features/moreCast2/components/ForecastDataGrid.tsx
+++ b/web/src/features/moreCast2/components/ForecastDataGrid.tsx
@@ -26,7 +26,8 @@ const Root = styled('div')(() => ({
   [`&.${classes.root}`]: {
     display: 'flex',
     flexGrow: 1,
-    flexDirection: 'column'
+    flexDirection: 'column',
+    height: '1px'
   }
 }))
 
diff --git a/web/src/features/moreCast2/components/ForecastSummaryDataGrid.tsx b/web/src/features/moreCast2/components/ForecastSummaryDataGrid.tsx
index 787b97557..a6002557d 100644
--- a/web/src/features/moreCast2/components/ForecastSummaryDataGrid.tsx
+++ b/web/src/features/moreCast2/components/ForecastSummaryDataGrid.tsx
@@ -20,7 +20,8 @@ const classes = {
 const Root = styled('div')({
   [`&.${classes.root}`]: {
     display: 'flex',
-    flexGrow: 1
+    flexGrow: 1,
+    height: '1px'
   }
 })
 
diff --git a/web/src/features/moreCast2/pages/MoreCast2Page.tsx b/web/src/features/moreCast2/pages/MoreCast2Page.tsx
index 5d5d6e7c2..efcb91f82 100644
--- a/web/src/features/moreCast2/pages/MoreCast2Page.tsx
+++ b/web/src/features/moreCast2/pages/MoreCast2Page.tsx
@@ -45,7 +45,7 @@ export const Observations = styled('div')(({ theme }) => ({
   flexDirection: 'column',
   flexGrow: 1,
   marginTop: theme.spacing(2),
-  overflowX: 'auto'
+  overflow: 'hidden'
 }))
 
 const MoreCast2Page = () => {