diff --git a/index.html b/index.html
index c10aab6646..ddf826b8ef 100644
--- a/index.html
+++ b/index.html
@@ -36,7 +36,8 @@
.th-wrapper {
width: 100%;
z-index: 1000;
- height: 34px;
+ height: 32px;
+ flex-shrink: 0;
}
.root {
@@ -273,7 +274,7 @@
}
<% if (showTophat) { %>
-
diff --git a/package-lock.json b/package-lock.json
index d4554029a0..a8f5f92f25 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -148,7 +148,7 @@
"@dotenvx/dotenvx": "^1.33.0",
"@edsc/eslint-config": "^0.0.9",
"@fastify/cors": "^10.0.2",
- "@playwright/test": "^1.56.1",
+ "@playwright/test": "^1.62.1",
"@storybook/addon-essentials": "^8.6.7",
"@storybook/blocks": "^8.6.7",
"@storybook/react": "^8.6.7",
@@ -6324,19 +6324,19 @@
}
},
"node_modules/@playwright/test": {
- "version": "1.56.1",
- "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.56.1.tgz",
- "integrity": "sha512-vSMYtL/zOcFpvJCW71Q/OEGQb7KYBPAdKh35WNSkaZA75JlAO8ED8UN6GUNTm3drWomcbcqRPFqQbLae8yBTdg==",
+ "version": "1.62.1",
+ "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.62.1.tgz",
+ "integrity": "sha512-DTcUc8qii+cpHvtOwggMtBRMjKZHXYWdw8syRYu2vtzuq4Wxphqq4NfCs5Zt44L6mA8rfDfj+PHnxFc/FeK6mQ==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
- "playwright": "1.56.1"
+ "playwright": "1.62.1"
},
"bin": {
"playwright": "cli.js"
},
"engines": {
- "node": ">=18"
+ "node": ">=20"
}
},
"node_modules/@polka/url": {
@@ -7853,9 +7853,9 @@
}
},
"node_modules/@remix-run/router": {
- "version": "1.23.3",
- "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.3.tgz",
- "integrity": "sha512-4An71tdz9X8+3sI4Qqqd2LWd9vS39J7sqd9EU4Scw7TJE/qB10Flv/UuqbPVgfQV9XoK8Np6jNquZitnZq5i+Q==",
+ "version": "1.23.4",
+ "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.23.4.tgz",
+ "integrity": "sha512-q7j5geK7xs3UJSdm9/iytUNclBnLmYx1EnSeCFXHPeutdqgIMeFeHtUZgS3EhlKxdBEAu8OwtJCwmLrEzpSs7Q==",
"license": "MIT",
"engines": {
"node": ">=14.0.0"
@@ -21855,9 +21855,9 @@
"license": "MIT"
},
"node_modules/nanoid": {
- "version": "3.3.17",
- "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.17.tgz",
- "integrity": "sha512-xQLf0A3HOMlgHq0n247/LRuAOYmB7dXJ/DvAxGvsSBij45XtBSmQycu+F8ODbHwns/XyFZagyL1+J0Offw1E0g==",
+ "version": "3.3.18",
+ "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz",
+ "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==",
"funding": [
{
"type": "github",
@@ -23464,35 +23464,35 @@
}
},
"node_modules/playwright": {
- "version": "1.56.1",
- "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.56.1.tgz",
- "integrity": "sha512-aFi5B0WovBHTEvpM3DzXTUaeN6eN0qWnTkKx4NQaH4Wvcmc153PdaY2UBdSYKaGYw+UyWXSVyxDUg5DoPEttjw==",
+ "version": "1.62.1",
+ "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.62.1.tgz",
+ "integrity": "sha512-0M+L3LAD8/nm554LOla9Ayx0j0tmFZ0FBcoQ7F1VuVHpM/XpiC8RcDzBQB8W5+hA8L22THxELzeF+2WcUzvcLg==",
"dev": true,
"license": "Apache-2.0",
"dependencies": {
- "playwright-core": "1.56.1"
+ "playwright-core": "1.62.1"
},
"bin": {
"playwright": "cli.js"
},
"engines": {
- "node": ">=18"
+ "node": ">=20"
},
"optionalDependencies": {
"fsevents": "2.3.2"
}
},
"node_modules/playwright-core": {
- "version": "1.56.1",
- "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.56.1.tgz",
- "integrity": "sha512-hutraynyn31F+Bifme+Ps9Vq59hKuUCz7H1kDOcBs+2oGguKkWTU50bBWrtz34OUWmIwpBTWDxaRPXrIXkgvmQ==",
+ "version": "1.62.1",
+ "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.62.1.tgz",
+ "integrity": "sha512-wPYSwEBJY9GHraISXqyqtx0na0LpO3XEX7jNDhntbex7tzUS7kLnZsOlFruFJB4Hi/rhDMjXGqHewDZ68nYZVw==",
"dev": true,
"license": "Apache-2.0",
"bin": {
"playwright-core": "cli.js"
},
"engines": {
- "node": ">=18"
+ "node": ">=20"
}
},
"node_modules/playwright-test-coverage": {
@@ -24396,12 +24396,12 @@
}
},
"node_modules/react-router": {
- "version": "6.30.4",
- "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.4.tgz",
- "integrity": "sha512-SVUsDe+DybHM/WmYKIVYhZh1o5Dcuf16yM6WjG02Q9XVFMZIJyHYhwrr6bFBXZkVP6z69kNkMyBCujt8FaFLJA==",
+ "version": "6.30.6",
+ "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.30.6.tgz",
+ "integrity": "sha512-5HfK7k5im7LTOB0EqCQmfvy4C13G92Ssj1VTmouTK3AJvyjKTnFuCV0vcMAD/JS+JC4DvDIBRrlAeJIFjh5VWg==",
"license": "MIT",
"dependencies": {
- "@remix-run/router": "1.23.3"
+ "@remix-run/router": "1.23.4"
},
"engines": {
"node": ">=14.0.0"
@@ -24424,13 +24424,13 @@
}
},
"node_modules/react-router-dom": {
- "version": "6.30.4",
- "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.4.tgz",
- "integrity": "sha512-q4HvNl+mmDdkS0g+MqiBZNteQJCuimWoOyHMy4T/RQLAn9Z29+E91QXRaxOujeMl2HTzRSS0KFPd7lxX3PjV0Q==",
+ "version": "6.30.6",
+ "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.30.6.tgz",
+ "integrity": "sha512-0RHKZz7wwffvkU+2MFVT2NnjK44ssLEV+m0CAJaS2Ksmorrwj7WxH00jO0SOCW26/tINUnJHToXblDs33I38YQ==",
"license": "MIT",
"dependencies": {
- "@remix-run/router": "1.23.3",
- "react-router": "6.30.4"
+ "@remix-run/router": "1.23.4",
+ "react-router": "6.30.6"
},
"engines": {
"node": ">=14.0.0"
diff --git a/package.json b/package.json
index 7c533a5360..8176c92e0d 100644
--- a/package.json
+++ b/package.json
@@ -64,7 +64,7 @@
"@dotenvx/dotenvx": "^1.33.0",
"@edsc/eslint-config": "^0.0.9",
"@fastify/cors": "^10.0.2",
- "@playwright/test": "^1.56.1",
+ "@playwright/test": "^1.62.1",
"@storybook/addon-essentials": "^8.6.7",
"@storybook/blocks": "^8.6.7",
"@storybook/react": "^8.6.7",
diff --git a/playwright.config.js b/playwright.config.js
index 5d3d0b751c..dd5521f0d1 100644
--- a/playwright.config.js
+++ b/playwright.config.js
@@ -24,12 +24,7 @@ export default defineConfig({
baseURL: 'http://localhost:8080',
/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
- trace: 'on-first-retry',
-
- viewport: {
- width: 1400,
- height: 900
- }
+ trace: 'on-first-retry'
},
// Set maxFailures to 5 on CI to avoid running the entire test suite if there are many failures.
@@ -52,7 +47,8 @@ export default defineConfig({
viewport: {
width: 1400,
height: 900
- }
+ },
+ deviceScaleFactor: 2
}
},
@@ -63,7 +59,8 @@ export default defineConfig({
viewport: {
width: 1400,
height: 900
- }
+ },
+ deviceScaleFactor: 2
}
},
@@ -74,7 +71,8 @@ export default defineConfig({
viewport: {
width: 1400,
height: 900
- }
+ },
+ deviceScaleFactor: 2
}
}
diff --git a/static/src/js/util/map/drawShapefile.ts b/static/src/js/util/map/drawShapefile.ts
index c35a43db14..df61dafbfa 100644
--- a/static/src/js/util/map/drawShapefile.ts
+++ b/static/src/js/util/map/drawShapefile.ts
@@ -225,6 +225,8 @@ const drawShapefile = ({
onUpdateShapefile({ selectedFeatures: [edscId] })
}
+ let projectionChanged = false
+
// If the map should be moved and onChangeProjection is defined, determine of we need to
// change the map projection
if (shapefileAdded && onChangeProjection) {
@@ -263,6 +265,7 @@ const drawShapefile = ({
// If there is a new projection, update the map projection
if (newProjection) {
onChangeProjection(newProjection)
+ projectionChanged = true
}
}
@@ -271,12 +274,15 @@ const drawShapefile = ({
// Create the metrics event
metricsMap('Added Shapefile')
+ // When the projection changes we need to wait longer to ensure the map is ready to be moved to the shapefile.
+ const timeoutValue = projectionChanged ? 200 : 0
+
// SetTimeout is needed here because the map needs to be rendered before the map can be moved
setTimeout(() => {
eventEmitter.emit(mapEventTypes.MOVEMAP, {
source: vectorSource
})
- }, 0)
+ }, timeoutValue)
}
// If the spatial polygon warning is enabled, add an MBR around the shape
diff --git a/static/src/js/zustand/slices/__tests__/createGranulesSlice.test.ts b/static/src/js/zustand/slices/__tests__/createGranulesSlice.test.ts
index 90a4d602a9..9b458cd7fb 100644
--- a/static/src/js/zustand/slices/__tests__/createGranulesSlice.test.ts
+++ b/static/src/js/zustand/slices/__tests__/createGranulesSlice.test.ts
@@ -188,5 +188,95 @@ describe('createGranulesSlice', () => {
title: 'Something went wrong fetching granule search results'
}))
})
+
+ describe('when the collectionId matches the granules collectionConceptId', () => {
+ describe('when the collection is not OpenSearch', () => {
+ test('does not fetch granules', async () => {
+ // This test will fail if a network request is attempted.
+
+ useEdscStore.setState((state) => {
+ state.collection.collectionId = 'collectionId'
+ state.granules.granules.collectionConceptId = 'collectionId'
+ state.errors.handleError = vi.fn()
+ })
+
+ const { granules } = useEdscStore.getState()
+ await granules.getGranules()
+
+ const { errors } = useEdscStore.getState()
+ expect(errors.handleError).toHaveBeenCalledTimes(0)
+ })
+ })
+
+ describe('when the collection is OpenSearch', () => {
+ test('fetches granules', async () => {
+ nock(/localhost/)
+ .post(/opensearch\/granules/)
+ .reply(200, `
+ 1
+
+ goes here
+
+ `)
+
+ useEdscStore.setState((state) => {
+ state.collection.collectionId = 'collectionId'
+ state.collection.collectionMetadata = {
+ collectionId: {
+ links: [{
+ rel: '/search#',
+ href: 'https://example.com/opensearch'
+ }]
+ }
+ }
+
+ state.granules.granules.collectionConceptId = 'collectionId'
+ state.errors.handleError = vi.fn()
+ })
+
+ const { granules } = useEdscStore.getState()
+ await granules.getGranules()
+
+ const { errors } = useEdscStore.getState()
+ expect(errors.handleError).toHaveBeenCalledTimes(0)
+
+ const {
+ granules: updatedGranules
+ } = useEdscStore.getState()
+
+ expect(updatedGranules.granules).toEqual({
+ collectionConceptId: 'collectionId',
+ count: 1,
+ isLoaded: true,
+ isLoading: false,
+ items: [{
+ browseFlag: false,
+ collectionConceptId: 'collectionId',
+ isOpenSearch: true,
+ mockGranuleData: 'goes here',
+ spatial: null
+ }],
+ loadTime: expect.any(Number)
+ })
+ })
+ })
+ })
+
+ describe('when collectionId is not set', () => {
+ test('does not fetch granules', async () => {
+ // This test will fail if a network request is attempted.
+
+ useEdscStore.setState((state) => {
+ state.collection.collectionId = null
+ state.errors.handleError = vi.fn()
+ })
+
+ const { granules } = useEdscStore.getState()
+ await granules.getGranules()
+
+ const { errors } = useEdscStore.getState()
+ expect(errors.handleError).toHaveBeenCalledTimes(0)
+ })
+ })
})
})
diff --git a/static/src/js/zustand/slices/createGranulesSlice.ts b/static/src/js/zustand/slices/createGranulesSlice.ts
index ce7cbb6511..3f5df67af0 100644
--- a/static/src/js/zustand/slices/createGranulesSlice.ts
+++ b/static/src/js/zustand/slices/createGranulesSlice.ts
@@ -83,9 +83,10 @@ const createGranulesSlice: ImmerStateCreator = (set, get) => ({
// endpoints. This `if` ensures we don't double fetch CMR granules.
// TODO This is causing a double fetch for OpenSearch granules (both to the same OpenSearch endpoint)
// TODO when loaded from the search results. The first request gets cancelled, but it would be nice to avoid that
+ // When this double fetch is happening, it is possible the user has already moved to a new page and the `collectionId` no longer exists. When this happens we also need to return with no action.
if (
- collectionId === zustandState.granules.granules.collectionConceptId
- && !isOpenSearch
+ !collectionId
+ || (collectionId === zustandState.granules.granules.collectionConceptId && !isOpenSearch)
) {
return
}
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/geographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/geographic.png
index 093ba94080..597add1d46 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/geographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/geographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/north-polar-stereographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/north-polar-stereographic.png
index f527bf2fd1..34035a102e 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/north-polar-stereographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/north-polar-stereographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/rotation.png b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/rotation.png
index f75ff08fe0..b652801da6 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/rotation.png and b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/rotation.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/south-polar-stereographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/south-polar-stereographic.png
index d4ec89b7f3..0f24a090c4 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/chromium/south-polar-stereographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/chromium/south-polar-stereographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/geographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/geographic.png
index b6d8a6a681..37c8b2a068 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/geographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/geographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/north-polar-stereographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/north-polar-stereographic.png
index 1fa375f1a9..5b087a6174 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/north-polar-stereographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/north-polar-stereographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/rotation.png b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/rotation.png
index 6a8f3add96..7b2ec80ba3 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/rotation.png and b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/rotation.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/south-polar-stereographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/south-polar-stereographic.png
index 37a3926e46..21ec6dc7fa 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/firefox/south-polar-stereographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/firefox/south-polar-stereographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/geographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/geographic.png
index df30a73fde..ed4b2b5538 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/geographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/geographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/north-polar-stereographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/north-polar-stereographic.png
index 80d20fb63f..ebf4b1f42d 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/north-polar-stereographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/north-polar-stereographic.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/rotation.png b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/rotation.png
index effde8035e..5e906a8752 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/rotation.png and b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/rotation.png differ
diff --git a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/south-polar-stereographic.png b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/south-polar-stereographic.png
index b6704a22f3..af622542c1 100644
Binary files a/tests/e2e/map/map_controls.spec.js-snapshots/webkit/south-polar-stereographic.png and b/tests/e2e/map/map_controls.spec.js-snapshots/webkit/south-polar-stereographic.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-ice-concentration-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-ice-concentration-colormap.png
index c109d80b1c..51e8799540 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-ice-concentration-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-ice-concentration-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-anomalies-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-anomalies-colormap.png
index be33dcac8f..0034159f61 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-anomalies-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-anomalies-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-colormap.png
index bf1e97b49a..0e7d0dbbbf 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sea-surface-temperature-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-day-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-day-colormap.png
index 6bc9ed7244..41ed8a3afb 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-day-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-day-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-night-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-night-colormap.png
index 87f53fbbf0..44915073b4 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-night-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/chromium/sulfur-dioxide-night-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-ice-concentration-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-ice-concentration-colormap.png
index 9df2862062..2af2058ac5 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-ice-concentration-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-ice-concentration-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-anomalies-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-anomalies-colormap.png
index d304147791..2483f30139 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-anomalies-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-anomalies-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-colormap.png
index 39f604ab8b..08e2f51db7 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sea-surface-temperature-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-day-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-day-colormap.png
index 8aad6ea597..a4f737f955 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-day-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-day-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-night-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-night-colormap.png
index e1842b0cab..5e4615cdf1 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-night-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/firefox/sulfur-dioxide-night-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sea-surface-temperature-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sea-surface-temperature-colormap.png
index 2df4cdd0c4..7cc2deb94e 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sea-surface-temperature-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sea-surface-temperature-colormap.png differ
diff --git a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sulfur-dioxide-night-colormap.png b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sulfur-dioxide-night-colormap.png
index 1548e99b6f..d62571bc03 100644
Binary files a/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sulfur-dioxide-night-colormap.png and b/tests/e2e/map/map_granules_colormaps.spec.js-snapshots/webkit/sulfur-dioxide-night-colormap.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-antarctic-projection.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-antarctic-projection.png
index 0ff16f0dae..a0e841e8a0 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-antarctic-projection.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-antarctic-projection.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-arctic-projection.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-arctic-projection.png
index 64d5738817..866160e2e6 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-arctic-projection.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-arctic-projection.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-focused.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-focused.png
index f3f39f12da..4687a8c2e6 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-focused.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-focused.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-hidden.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-hidden.png
index 4dd3786820..f6b7db778c 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-hidden.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-hidden.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-opacity-adjusted.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-opacity-adjusted.png
index 0ad95eb228..f4be41b9cc 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-opacity-adjusted.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-opacity-adjusted.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-visible.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-visible.png
index 44e4c4db9a..e838fed4b1 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-visible.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layer-visible.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered-second-layer-hidden.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered-second-layer-hidden.png
index 7181cbdfdc..f78c526734 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered-second-layer-hidden.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered-second-layer-hidden.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered.png
index a78bd4f393..0bb6b4d3b8 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-layers-reordered.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-transparent.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-transparent.png
index 44e4c4db9a..e838fed4b1 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-transparent.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/chromium/gibs-transparent.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-antarctic-projection.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-antarctic-projection.png
index 63a0298acc..4d84e2d7b6 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-antarctic-projection.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-antarctic-projection.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-arctic-projection.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-arctic-projection.png
index 41604b2d88..39834b103c 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-arctic-projection.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-arctic-projection.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-focused.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-focused.png
index 76ecf33ccb..dce1eef224 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-focused.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-focused.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-hidden.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-hidden.png
index 18b76df421..85d1352189 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-hidden.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-hidden.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-opacity-adjusted.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-opacity-adjusted.png
index 5dfb0d08df..df97f14b5b 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-opacity-adjusted.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-opacity-adjusted.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-visible.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-visible.png
index 2987c17b5b..59751edd88 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-visible.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layer-visible.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered-second-layer-hidden.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered-second-layer-hidden.png
index 9ec5f118f9..ddef854012 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered-second-layer-hidden.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered-second-layer-hidden.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered.png
index e690c53a96..58bae41bfc 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-layers-reordered.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-transparent.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-transparent.png
index 2987c17b5b..59751edd88 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-transparent.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/firefox/gibs-transparent.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-antarctic-projection.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-antarctic-projection.png
index 60fa6ae5b9..90e0fc366e 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-antarctic-projection.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-antarctic-projection.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-arctic-projection.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-arctic-projection.png
index 3d340164b9..128ea3e6c0 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-arctic-projection.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-arctic-projection.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-focused.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-focused.png
index d836f98c40..aad02dbcbd 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-focused.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-focused.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-hidden.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-hidden.png
index b10a979fcc..0895e1f0d4 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-hidden.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-hidden.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-opacity-adjusted.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-opacity-adjusted.png
index 9809f4e4f2..97a0cfe179 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-opacity-adjusted.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-opacity-adjusted.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-visible.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-visible.png
index 1552568a45..4c26550ab3 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-visible.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layer-visible.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered-second-layer-hidden.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered-second-layer-hidden.png
index d77b60112b..f12ecd7b10 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered-second-layer-hidden.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered-second-layer-hidden.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered.png
index dbb65c423e..b793254995 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-layers-reordered.png differ
diff --git a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-transparent.png b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-transparent.png
index 1552568a45..4c26550ab3 100644
Binary files a/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-transparent.png and b/tests/e2e/map/map_granules_imagery.spec.js-snapshots/webkit/gibs-transparent.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-panned.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-panned.png
index 1cf7f1d1fa..a6b3dd6570 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-panned.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-panned.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-zoomed.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-zoomed.png
index 178fb35e30..bb71f77623 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-zoomed.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule-zoomed.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule.png
index 4a2a6d3c07..280397f146 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/focused-granule.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/granule-crosses-antimeridian.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/granule-crosses-antimeridian.png
index cbe01177e9..615b278b7b 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/granule-crosses-antimeridian.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/chromium/granule-crosses-antimeridian.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-panned.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-panned.png
index 718ca33680..6a6e8c2a43 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-panned.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-panned.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-zoomed.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-zoomed.png
index 26560f9bfc..05a5a1483e 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-zoomed.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule-zoomed.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule.png
index ff9f605992..ec7be85766 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/focused-granule.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/granule-crosses-antimeridian.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/granule-crosses-antimeridian.png
index 404c19c18b..b7dfabce13 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/granule-crosses-antimeridian.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/firefox/granule-crosses-antimeridian.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-panned.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-panned.png
index c47daa8949..dd91636703 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-panned.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-panned.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-zoomed.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-zoomed.png
index 454be050d9..5cff48fa39 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-zoomed.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule-zoomed.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule.png
index f27bd3d037..256da65d90 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/focused-granule.png differ
diff --git a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/granule-crosses-antimeridian.png b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/granule-crosses-antimeridian.png
index 0887daecff..3a645857ea 100644
Binary files a/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/granule-crosses-antimeridian.png and b/tests/e2e/map/map_granules_outlines.spec.js-snapshots/webkit/granule-crosses-antimeridian.png differ
diff --git a/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/chromium/nlp-spatial-drawn.png b/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/chromium/nlp-spatial-drawn.png
index a541bf670c..0ebf41f6bb 100644
Binary files a/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/chromium/nlp-spatial-drawn.png and b/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/chromium/nlp-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/firefox/nlp-spatial-drawn.png b/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/firefox/nlp-spatial-drawn.png
index dd04a4d8c8..ea0b8dfcdc 100644
Binary files a/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/firefox/nlp-spatial-drawn.png and b/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/firefox/nlp-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/webkit/nlp-spatial-drawn.png b/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/webkit/nlp-spatial-drawn.png
index 1ac51a8f31..c45f297ac1 100644
Binary files a/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/webkit/nlp-spatial-drawn.png and b/tests/e2e/map/map_nlp_spatial.spec.js-snapshots/webkit/nlp-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/antarctic.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/antarctic.png
index 002d6f391d..494d2d796d 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/antarctic.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/antarctic.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/arctic.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/arctic.png
index b50e3eef6d..0fccc17f74 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/arctic.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/arctic.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/circle.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/circle.png
index c96d694ba3..7de6c00f09 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/circle.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/circle.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/line.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/line.png
index d6cfb29622..c8be908bb5 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/line.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/line.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multilinestring.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multilinestring.png
index 987efc01fc..4251f57c0d 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multilinestring.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multilinestring.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-deselected.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-deselected.png
index ef345f2b32..817ed46525 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-deselected.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-deselected.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-selected.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-selected.png
index 589b8a4390..b483428a33 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-selected.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes-selected.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes.png
index f495a7890f..0fad985db2 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multiple-shapes.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipoint.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipoint.png
index 65af255aeb..55640cee9d 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipoint.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipoint.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipolygon.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipolygon.png
index 24bf0276ea..bef9168ca0 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipolygon.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/multipolygon.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/point.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/point.png
index 3872144738..69a2d4cfb5 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/point.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/point.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon-with-altitude.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon-with-altitude.png
index 707f7741e8..73435750cc 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon-with-altitude.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon-with-altitude.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon.png
index 0c9ac93877..04dd07f7b4 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/polygon.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/too-many-points.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/too-many-points.png
index f0772ffd9f..9068e92cee 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/too-many-points.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/chromium/too-many-points.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/antarctic.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/antarctic.png
index e2743f55e3..8697a185ce 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/antarctic.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/antarctic.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/arctic.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/arctic.png
index fc541dd9a7..d0390eb88f 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/arctic.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/arctic.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/circle.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/circle.png
index b20fa76829..23b4bb932c 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/circle.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/circle.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/line.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/line.png
index 45d8344e3e..2098f71e91 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/line.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/line.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multilinestring.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multilinestring.png
index 02f3d0b26e..f37832dd7e 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multilinestring.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multilinestring.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-deselected.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-deselected.png
index e13f10fd4e..2a0634040e 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-deselected.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-deselected.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-selected.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-selected.png
index e640597692..8dacfeac23 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-selected.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes-selected.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes.png
index 5861cc335a..796e4c43a7 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multiple-shapes.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipoint.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipoint.png
index fb6b0550c6..8a7cbd3112 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipoint.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipoint.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipolygon.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipolygon.png
index d6574f270c..581d9a131d 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipolygon.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/multipolygon.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/point.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/point.png
index b0c34d107b..d0ce2156f3 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/point.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/point.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon-with-altitude.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon-with-altitude.png
index 389d3de898..78d66e8cb5 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon-with-altitude.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon-with-altitude.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon.png
index e85be97271..de5696d4f7 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/polygon.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/too-many-points.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/too-many-points.png
index 71c15602f5..932c567744 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/too-many-points.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/firefox/too-many-points.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/antarctic.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/antarctic.png
index 467d90a013..eca81f2e12 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/antarctic.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/antarctic.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/arctic.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/arctic.png
index 92d03f0f39..2ec1bcd64f 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/arctic.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/arctic.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/circle.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/circle.png
index ba80e19f9f..f05d401118 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/circle.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/circle.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/line.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/line.png
index d969b32c00..7e870f3c4a 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/line.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/line.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multilinestring.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multilinestring.png
index a72213f902..9937fc8af9 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multilinestring.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multilinestring.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-deselected.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-deselected.png
index 889baadfc3..55747f6dc2 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-deselected.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-deselected.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-selected.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-selected.png
index 704b5884ba..f7a6d4bc82 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-selected.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes-selected.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes.png
index 2fcdc5ca56..2551f85fb4 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multiple-shapes.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipoint.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipoint.png
index 8cd52be1b9..e59b7ef74a 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipoint.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipoint.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipolygon.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipolygon.png
index 83ab093149..bfc056bb8b 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipolygon.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/multipolygon.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/point.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/point.png
index e705e0c633..7829a77367 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/point.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/point.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon-with-altitude.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon-with-altitude.png
index da893d1a10..3acedb0fac 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon-with-altitude.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon-with-altitude.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon.png
index 6f9ae505da..1ec23c8560 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/polygon.png differ
diff --git a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/too-many-points.png b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/too-many-points.png
index 20b0d5eab6..be56ed5126 100644
Binary files a/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/too-many-points.png and b/tests/e2e/map/map_shapefile.spec.js-snapshots/webkit/too-many-points.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-drawn.png
index 1616c1cbc9..9512bc1705 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-typed.png
index 6f6790d749..f616020875 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-box-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-drawn.png
index 2da6470282..3ced080ded 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-typed.png
index 274b5df543..9318339c8b 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-circle-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-huc-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-huc-spatial.png
index ead281dce2..5ea0a7b7d8 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-huc-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-huc-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-drawn.png
index 7a09062f4f..fd6f81813d 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-typed.png
index b6891fecb2..2f248f551b 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-point-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-polygon-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-polygon-spatial-drawn.png
index 8a0f9c0820..9512bc1705 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-polygon-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-polygon-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-reach-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-reach-spatial.png
index c1cdc46700..2c573ea5cc 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-reach-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/3413-reach-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-drawn.png
index 9f6cc3f7bb..a34c406471 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-typed.png
index e4ce9a6e4b..fb37017726 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-box-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-drawn.png
index 9dc8f781bf..d4aa680f24 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-typed.png
index cca0cb1ca9..17986a5e6c 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-circle-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-huc-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-huc-spatial.png
index 00095981f2..ce351bd5c1 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-huc-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-huc-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-drawn.png
index 6f9a8737e2..4aeb5d1afb 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-typed.png
index 38770e51f8..d9f1cea1a9 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-point-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-polygon-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-polygon-spatial-drawn.png
index a6d31ca810..a34c406471 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-polygon-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-polygon-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-reach-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-reach-spatial.png
index f25a7921ee..5835737d55 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-reach-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/4326-reach-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/opensearch-warning.png b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/opensearch-warning.png
index 42cb82051f..2194e770fe 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/opensearch-warning.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/chromium/opensearch-warning.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-drawn.png
index fb2eb7d85e..9f9cd476b7 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-typed.png
index 8ac6b129ef..f87aa64245 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-box-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-drawn.png
index 701e91458e..9204887569 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-typed.png
index 786dc8da21..5aafbfa2bf 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-circle-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-huc-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-huc-spatial.png
index 37c6394b9a..74890506bb 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-huc-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-huc-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-drawn.png
index 532e3fbf8c..64d85129b7 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-typed.png
index 9bfa8bd575..4fb69cabce 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-point-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-polygon-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-polygon-spatial-drawn.png
index 33601f1a62..9f9cd476b7 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-polygon-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-polygon-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-reach-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-reach-spatial.png
index 22a1b16f6d..ec59f533ce 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-reach-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/3413-reach-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-drawn.png
index 670a72087b..c19c4e9d43 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-typed.png
index 48259a8a94..be703edca8 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-box-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-drawn.png
index 5733f87027..476c10252d 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-typed.png
index 68ca9ece4b..8b36d7c759 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-circle-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-huc-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-huc-spatial.png
index 4eff75e973..3d61a09115 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-huc-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-huc-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-drawn.png
index 0077016cc2..4ceafc4500 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-typed.png
index 4dcbc1d24a..cc96a377ee 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-point-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-polygon-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-polygon-spatial-drawn.png
index 8071aaa2b3..c19c4e9d43 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-polygon-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-polygon-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-reach-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-reach-spatial.png
index 9d8a9c2d4e..a6115e8581 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-reach-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/4326-reach-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/opensearch-warning.png b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/opensearch-warning.png
index 3c4bcba097..0833a88448 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/opensearch-warning.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/firefox/opensearch-warning.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-drawn.png
index 2735a14bb1..4627fadf6a 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-typed.png
index 44365d17e5..27fb4618cc 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-box-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-drawn.png
index c4d8bb7851..638df15ea4 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-typed.png
index fd19945080..6d1d76ecd5 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-circle-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-huc-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-huc-spatial.png
index 1dbae4980b..c750ef07e5 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-huc-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-huc-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-drawn.png
index 1bfecd0d1e..6a01f0e051 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-typed.png
index 8934505b8b..12d15811eb 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-point-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-polygon-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-polygon-spatial-drawn.png
index 1018421d6a..d211356ab7 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-polygon-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-polygon-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-reach-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-reach-spatial.png
index 71912411d9..6429dde49e 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-reach-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/3413-reach-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-drawn.png
index 9d3ac9305d..51985cd991 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-typed.png
index e4321b2a34..547eeb80c5 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-box-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-drawn.png
index c53d257d6a..bcccea3ba3 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-typed.png
index b36b0e3c60..afbd7e5fb3 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-circle-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-huc-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-huc-spatial.png
index 84cbf469dc..17aff1ee1f 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-huc-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-huc-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-drawn.png
index f3e26e5e91..ad3c466f7c 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-typed.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-typed.png
index 58b79ea9ae..cc452f4bc6 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-typed.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-point-spatial-typed.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-polygon-spatial-drawn.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-polygon-spatial-drawn.png
index c7ed83deaa..51985cd991 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-polygon-spatial-drawn.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-polygon-spatial-drawn.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-reach-spatial.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-reach-spatial.png
index 66e11c7059..6a2997022f 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-reach-spatial.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/4326-reach-spatial.png differ
diff --git a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/opensearch-warning.png b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/opensearch-warning.png
index a564e7acd5..28271ae70f 100644
Binary files a/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/opensearch-warning.png and b/tests/e2e/map/map_spatial.spec.js-snapshots/webkit/opensearch-warning.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-global-bounding-box-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-global-bounding-box-screenshot.png
index f856e11cbb..5d79b763c7 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-global-bounding-box-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-global-bounding-box-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-lines-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-lines-screenshot.png
index 02c2edeff2..246f9ba355 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-lines-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-lines-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-point-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-point-screenshot.png
index 035cb3d4a1..54285f3873 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-point-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-point-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-polygons-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-polygons-screenshot.png
index 3242aaf534..4364abcd6e 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-polygons-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-polygons-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-small-polygons-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-small-polygons-screenshot.png
index 275501c49e..4e3030c85c 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-small-polygons-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-minimap-small-polygons-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-multiple-shapes-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-multiple-shapes-screenshot.png
index cbdedc222c..fe8f5983d9 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-multiple-shapes-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/chromium/collection-details-multiple-shapes-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-global-bounding-box-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-global-bounding-box-screenshot.png
index 2815a19a85..0c8aba2337 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-global-bounding-box-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-global-bounding-box-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-lines-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-lines-screenshot.png
index d5c65d9184..9f6e1c74d6 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-lines-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-lines-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-point-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-point-screenshot.png
index e9a838cbfd..c1b81fab33 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-point-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-point-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-polygons-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-polygons-screenshot.png
index 5e4fd09a85..d79dffce4b 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-polygons-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-polygons-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-small-polygons-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-small-polygons-screenshot.png
index 4a5835678e..7ba6fb219c 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-small-polygons-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-minimap-small-polygons-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-multiple-shapes-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-multiple-shapes-screenshot.png
index d8bff1e57e..27492f4237 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-multiple-shapes-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/firefox/collection-details-multiple-shapes-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-global-bounding-box-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-global-bounding-box-screenshot.png
index f65dbb8079..45dbbfabcd 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-global-bounding-box-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-global-bounding-box-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-lines-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-lines-screenshot.png
index 267df76c4e..a26c925c91 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-lines-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-lines-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-point-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-point-screenshot.png
index 37752ae103..45005ef913 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-point-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-point-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-polygons-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-polygons-screenshot.png
index 43c3d927e3..d4a6f7a688 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-polygons-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-polygons-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-small-polygons-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-small-polygons-screenshot.png
index 05c2d368fb..c18c3d5630 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-small-polygons-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-minimap-small-polygons-screenshot.png differ
diff --git a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-multiple-shapes-screenshot.png b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-multiple-shapes-screenshot.png
index 0ef43d72b7..f8d2077e36 100644
Binary files a/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-multiple-shapes-screenshot.png and b/tests/e2e/paths/search/granules/collection_details/collection_details.spec.js-snapshots/webkit/collection-details-multiple-shapes-screenshot.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/box.png b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/box.png
index 87407d2f0c..ff859fe333 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/box.png and b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/box.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/circle.png b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/circle.png
index 4cd1f1685f..7a77ffa792 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/circle.png and b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/circle.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/point.png b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/point.png
index 5f1c95c9d7..6ba99c6492 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/point.png and b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/point.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/polygon.png b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/polygon.png
index f5036e0b98..ecf99ad9bd 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/polygon.png and b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/polygon.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/shapefile.png b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/shapefile.png
index 3a21dfc0f0..6e2df0821d 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/chromium/shapefile.png and b/tests/e2e/paths/search/search.spec.js-snapshots/chromium/shapefile.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/box.png b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/box.png
index 604b88177b..8c17c9a0f5 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/box.png and b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/box.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/circle.png b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/circle.png
index 086479cd6e..1b446b33f4 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/circle.png and b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/circle.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/point.png b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/point.png
index 95ca5e7c6a..75a7b4d6b8 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/point.png and b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/point.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/polygon.png b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/polygon.png
index 4f67d4a0de..859ad73c8b 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/polygon.png and b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/polygon.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/shapefile.png b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/shapefile.png
index 3c29015027..b267cdce63 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/firefox/shapefile.png and b/tests/e2e/paths/search/search.spec.js-snapshots/firefox/shapefile.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/box.png b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/box.png
index f950bd438b..bb6760b3b0 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/box.png and b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/box.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/circle.png b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/circle.png
index 76d7d981c8..9c618ecc89 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/circle.png and b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/circle.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/point.png b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/point.png
index 8c84e18cce..1d9241c22f 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/point.png and b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/point.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/polygon.png b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/polygon.png
index 3e0ba486c4..8ba12519a3 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/polygon.png and b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/polygon.png differ
diff --git a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/shapefile.png b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/shapefile.png
index aede42ce31..b85c281470 100644
Binary files a/tests/e2e/paths/search/search.spec.js-snapshots/webkit/shapefile.png and b/tests/e2e/paths/search/search.spec.js-snapshots/webkit/shapefile.png differ
diff --git a/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/chromium/mbr.png b/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/chromium/mbr.png
index 003d3693ce..8471e4a463 100644
Binary files a/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/chromium/mbr.png and b/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/chromium/mbr.png differ
diff --git a/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/firefox/mbr.png b/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/firefox/mbr.png
index 5cb1aaa991..78b145224a 100644
Binary files a/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/firefox/mbr.png and b/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/firefox/mbr.png differ
diff --git a/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/webkit/mbr.png b/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/webkit/mbr.png
index 76081d4d23..9126c76eda 100644
Binary files a/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/webkit/mbr.png and b/tests/e2e/projects/harmony_with_mbr/harmony_with_mbr.spec.js-snapshots/webkit/mbr.png differ
diff --git a/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/chromium/shape-not-selected.png b/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/chromium/shape-not-selected.png
index 3e21489d86..35ea5de7ee 100644
Binary files a/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/chromium/shape-not-selected.png and b/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/chromium/shape-not-selected.png differ
diff --git a/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/firefox/shape-not-selected.png b/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/firefox/shape-not-selected.png
index 5c930a140a..76f792fdb7 100644
Binary files a/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/firefox/shape-not-selected.png and b/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/firefox/shape-not-selected.png differ
diff --git a/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/webkit/shape-not-selected.png b/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/webkit/shape-not-selected.png
index 7871d692b9..67a80e1e70 100644
Binary files a/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/webkit/shape-not-selected.png and b/tests/e2e/projects/shapefile_selection/shapefile_selection.spec.js-snapshots/webkit/shape-not-selected.png differ
diff --git a/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/granules-screenshot.png b/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/granules-screenshot.png
index c6c764573a..ef855d52f5 100644
Binary files a/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/granules-screenshot.png and b/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/granules-screenshot.png differ
diff --git a/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/search-screenshot.png b/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/search-screenshot.png
index c6c764573a..ef855d52f5 100644
Binary files a/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/search-screenshot.png and b/tests/e2e/timeline/timeline.spec.js-snapshots/chromium/search-screenshot.png differ
diff --git a/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/granules-screenshot.png b/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/granules-screenshot.png
index b3c6d3b0b4..1c54f6464f 100644
Binary files a/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/granules-screenshot.png and b/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/granules-screenshot.png differ
diff --git a/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/search-screenshot.png b/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/search-screenshot.png
index 2ca19788f8..6629c95952 100644
Binary files a/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/search-screenshot.png and b/tests/e2e/timeline/timeline.spec.js-snapshots/firefox/search-screenshot.png differ
diff --git a/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/granules-screenshot.png b/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/granules-screenshot.png
index c23cfcdb84..04b57261c0 100644
Binary files a/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/granules-screenshot.png and b/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/granules-screenshot.png differ
diff --git a/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/search-screenshot.png b/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/search-screenshot.png
index b3cc166927..16a846daaa 100644
Binary files a/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/search-screenshot.png and b/tests/e2e/timeline/timeline.spec.js-snapshots/webkit/search-screenshot.png differ
diff --git a/tests/support/setupTests.js b/tests/support/setupTests.js
index 8dfa90dab3..3edee5b217 100644
--- a/tests/support/setupTests.js
+++ b/tests/support/setupTests.js
@@ -111,6 +111,7 @@ export const setupTests = async ({
await page.route('**googletagmanager**', (route) => route.abort())
await page.route('**google-analytics**', (route) => route.abort())
await page.route('**digitalgov**', (route) => route.abort())
+ await page.route('**tophat**', (route) => route.abort())
await page.route('**/arcgis/**', async (route) => {
await handleImage(route, page)