diff --git a/web/src/features/moreCast2/components/GridComponentRenderer.tsx b/web/src/features/moreCast2/components/GridComponentRenderer.tsx
index ed3877994..0251e04bf 100644
--- a/web/src/features/moreCast2/components/GridComponentRenderer.tsx
+++ b/web/src/features/moreCast2/components/GridComponentRenderer.tsx
@@ -31,7 +31,7 @@ export class GridComponentRenderer {
     return <>{params.colDef.headerName}</>
   }
   public renderCellWith = (params: Pick<GridRenderCellParams, 'formattedValue'>) => (
-    <TextField disabled={true} size="small" value={params.formattedValue}></TextField>
+    <TextField sx={{ pointerEvents: 'none' }} disabled={true} size="small" value={params.formattedValue}></TextField>
   )
 
   public getActualField = (field: string) => {
diff --git a/web/src/features/moreCast2/components/colDefBuilder.test.tsx b/web/src/features/moreCast2/components/colDefBuilder.test.tsx
index 0209cf2db..192cd1c2b 100644
--- a/web/src/features/moreCast2/components/colDefBuilder.test.tsx
+++ b/web/src/features/moreCast2/components/colDefBuilder.test.tsx
@@ -86,7 +86,7 @@ describe('ColDefBuilder', () => {
       )
 
       expect(forecastColDef.renderCell({ formattedValue: 1 })).toEqual(
-        <TextField disabled={true} size="small" value={1}></TextField>
+        <TextField sx={{ pointerEvents: 'none' }} disabled={true} size="small" value={1}></TextField>
       )
       expect(forecastColDef.valueFormatter({ value: 1.11 })).toEqual('1.1')
     })