diff --git a/web/src/components/FilterColumnsModal.tsx b/web/src/components/FilterColumnsModal.tsx
index 30c1986eb..ae9ce9e18 100644
--- a/web/src/components/FilterColumnsModal.tsx
+++ b/web/src/components/FilterColumnsModal.tsx
@@ -114,7 +114,7 @@ export const FilterColumnsModal = (props: ModalProps): JSX.Element => {
               aria-label="apply"
               onClick={handleApplyAndClose}
               variant="extended"
-              data-testId="apply-btn"
+              data-testid="apply-btn"
             >
               Apply
             </Fab>
diff --git a/web/src/features/fba/components/viz/ElevationStatus.tsx b/web/src/features/fba/components/viz/ElevationStatus.tsx
index 12c137621..9614ac300 100644
--- a/web/src/features/fba/components/viz/ElevationStatus.tsx
+++ b/web/src/features/fba/components/viz/ElevationStatus.tsx
@@ -6,7 +6,7 @@ import ElevationFlag from 'features/fba/components/viz/ElevationFlag'
 import ElevationLabel from 'features/fba/components/viz/ElevationLabel'
 import { Box } from '@mui/material'
 import { FireZoneTPIStats } from '@/api/fbaAPI'
-import Mountain from '@/features/fba/images/mountain.svg'
+import Mountain from 'features/fba/images/mountain.png'
 
 enum ElevationOption {
   BOTTOM = 'Valley Bottom',
@@ -55,14 +55,12 @@ const ElevationStatus = ({ tpiStats }: ElevationStatusProps) => {
       <Grid xs={12}>
         <Box
           sx={{
-            backgroundBlendMode: 'overlay',
-            backgroundColor: 'rgba(255, 255, 255, 0.6)',
-            backgroundImage: `url(${Mountain})`,
+            background: `url(${Mountain})`,
             backgroundRepeat: 'round',
             display: 'flex',
             width: '100%'
           }}
-          data-testId="tpi-mountain"
+          data-testid="tpi-mountain"
         >
           <Grid sx={{ paddingLeft: theme.spacing(0.5), paddingRight: theme.spacing(0.5) }} container xs={12}>
             <Grid container sx={{ height: theme.spacing(8) }} xs={12}>
diff --git a/web/src/features/fba/images/mountain.png b/web/src/features/fba/images/mountain.png
new file mode 100644
index 000000000..af5a323c6
Binary files /dev/null and b/web/src/features/fba/images/mountain.png differ
diff --git a/web/src/features/fba/images/mountain.svg b/web/src/features/fba/images/mountain.svg
deleted file mode 100644
index 109e98dc0..000000000
--- a/web/src/features/fba/images/mountain.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<svg
-      width="360"
-      height="148"
-      viewBox="0 0 360 148"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M315.103 63.8593L360 90H0L35.4233 51.8995L73.73 40.6231L95.9725 57.0251L140.87 22L172.586 44.8945L189.062 29.1759L242.609 63.8593L266.087 48.4824L315.103 63.8593Z"
-        fill="#8FA3AD"
-      />
-      <path
-        d="M41.9851 58.9945L0.00390625 95.8361H336.624L303.501 42.1389L267.682 26.2465L246.884 49.3628L204.903 -6.10352e-05L175.246 32.2664L159.841 10.1133L109.771 58.9945L87.8178 37.323L41.9851 58.9945Z"
-        fill="#4D5F66"
-      />
-      <path
-        d="M359.995 90.8681C359.995 71.0504 272.649 83.0879 238.293 90.8681H173.074V115.246H359.995V90.8681Z"
-        fill="#9BCB66"
-      />
-      <path
-        d="M70.8693 74.477C31.2825 57.9294 10.492 65.854 0.00390625 74.477V118.885H360V96.0343C347.811 101.28 318.193 93.4981 234.143 74.477C199.872 66.7212 221.919 64.0504 150.413 69.0251C108.496 75.8655 95.8471 84.9179 70.8693 74.477Z"
-        fill="#61A022"
-      />
-      <path
-        d="M137.531 110.939C58.734 98.312 16.8577 96.2694 0.00390625 110.939V148H360V104.248C314.832 121.148 208.054 122.241 137.531 110.939Z"
-        fill="#B3E488"
-      />
-</svg>
\ No newline at end of file
diff --git a/web/src/features/fbaCalculator/components/FBATable.tsx b/web/src/features/fbaCalculator/components/FBATable.tsx
index 89b4f8ef3..01b5c9b34 100644
--- a/web/src/features/fbaCalculator/components/FBATable.tsx
+++ b/web/src/features/fbaCalculator/components/FBATable.tsx
@@ -586,7 +586,7 @@ const FBATable = (props: FBATableProps) => {
           parentCallback={filterColumnsCallback}
         />
 
-        <FireTable ariaLabel="Fire Behaviour Analysis table" data-testId={props.testId}>
+        <FireTable ariaLabel="Fire Behaviour Analysis table" data-testid={props.testId}>
           <FBATableHead
             toggleSorting={toggleSorting}
             order={order}
diff --git a/web/src/features/moreCast2/components/ActualCell.tsx b/web/src/features/moreCast2/components/ActualCell.tsx
index 63467777a..ef1d90d13 100644
--- a/web/src/features/moreCast2/components/ActualCell.tsx
+++ b/web/src/features/moreCast2/components/ActualCell.tsx
@@ -29,7 +29,7 @@ const ActualCell = ({ missingActual, value }: ActualCellProps) => {
       title={MISSING_ACTUAL_MESSAGE}
     >
       <TextField
-        data-testId="actual-cell"
+        data-testid="actual-cell"
         sx={{
           backgroundColor: theme.palette.common.white,
           border: '2px',