diff --git a/__snapshots__/chromium_components-activity-maptiler--default.png b/__snapshots__/chromium_components-activity-maptiler--default.png
new file mode 100644
index 0000000..1b8900a
Binary files /dev/null and b/__snapshots__/chromium_components-activity-maptiler--default.png differ
diff --git a/__snapshots__/webkit_components-activity-maptiler--default.png b/__snapshots__/webkit_components-activity-maptiler--default.png
new file mode 100644
index 0000000..7ff8a99
Binary files /dev/null and b/__snapshots__/webkit_components-activity-maptiler--default.png differ
diff --git a/package-lock.json b/package-lock.json
index 50455b7..425387d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -19,7 +19,7 @@
                 "@turf/simplify": "^7.2.0",
                 "converter-locale-cartesian": "^1.1.0",
                 "lodash": "^4.17.21",
-                "maplibre-gl": "^5.0.0",
+                "maplibre-gl": "^4.7.1",
                 "react-map-gl": "^7.1.8"
             },
             "devDependencies": {
@@ -12632,9 +12632,9 @@
             "license": "MIT"
         },
         "node_modules/maplibre-gl": {
-            "version": "5.0.0",
-            "resolved": "https://registry.npmjs.org/maplibre-gl/-/maplibre-gl-5.0.0.tgz",
-            "integrity": "sha512-WG8IYFK2gfJYXvWjlqg1yavo/YO/JlNkblAJMt19sjIafP5oJzTgXFiOLUIYkjtrv5pKiAWuSYsx4CD3ithJqw==",
+            "version": "4.7.1",
+            "resolved": "https://registry.npmjs.org/maplibre-gl/-/maplibre-gl-4.7.1.tgz",
+            "integrity": "sha512-lgL7XpIwsgICiL82ITplfS7IGwrB1OJIw/pCvprDp2dhmSSEBgmPzYRvwYYYvJGJD7fxUv1Tvpih4nZ6VrLuaA==",
             "dependencies": {
                 "@mapbox/geojson-rewind": "^0.5.2",
                 "@mapbox/jsonlint-lines-primitives": "^2.0.2",
@@ -12643,14 +12643,14 @@
                 "@mapbox/unitbezier": "^0.0.1",
                 "@mapbox/vector-tile": "^1.3.1",
                 "@mapbox/whoots-js": "^3.1.0",
-                "@maplibre/maplibre-gl-style-spec": "^22.0.1",
-                "@types/geojson": "^7946.0.15",
+                "@maplibre/maplibre-gl-style-spec": "^20.3.1",
+                "@types/geojson": "^7946.0.14",
                 "@types/geojson-vt": "3.2.5",
                 "@types/mapbox__point-geometry": "^0.1.4",
                 "@types/mapbox__vector-tile": "^1.3.4",
                 "@types/pbf": "^3.0.5",
                 "@types/supercluster": "^7.1.3",
-                "earcut": "^3.0.1",
+                "earcut": "^3.0.0",
                 "geojson-vt": "^4.0.2",
                 "gl-matrix": "^3.4.3",
                 "global-prefix": "^4.0.0",
@@ -12672,15 +12672,15 @@
             }
         },
         "node_modules/maplibre-gl/node_modules/@maplibre/maplibre-gl-style-spec": {
-            "version": "22.0.1",
-            "resolved": "https://registry.npmjs.org/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-22.0.1.tgz",
-            "integrity": "sha512-V7bSw7Ui6+NhpeeuYqGoqamvKuy+3+uCvQ/t4ZJkwN8cx527CAlQQQ2kp+w5R9q+Tw6bUAH+fsq+mPEkicgT8g==",
+            "version": "20.4.0",
+            "resolved": "https://registry.npmjs.org/@maplibre/maplibre-gl-style-spec/-/maplibre-gl-style-spec-20.4.0.tgz",
+            "integrity": "sha512-AzBy3095fTFPjDjmWpR2w6HVRAZJ6hQZUCwk5Plz6EyfnfuQW1odeW5i2Ai47Y6TBA2hQnC+azscjBSALpaWgw==",
             "dependencies": {
                 "@mapbox/jsonlint-lines-primitives": "~2.0.2",
                 "@mapbox/unitbezier": "^0.0.1",
                 "json-stringify-pretty-compact": "^4.0.0",
                 "minimist": "^1.2.8",
-                "quickselect": "^3.0.0",
+                "quickselect": "^2.0.0",
                 "rw": "^1.3.3",
                 "tinyqueue": "^3.0.0"
             },
@@ -12690,6 +12690,11 @@
                 "gl-style-validate": "dist/gl-style-validate.mjs"
             }
         },
+        "node_modules/maplibre-gl/node_modules/@maplibre/maplibre-gl-style-spec/node_modules/quickselect": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+            "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw=="
+        },
         "node_modules/maplibre-gl/node_modules/earcut": {
             "version": "3.0.1",
             "resolved": "https://registry.npmjs.org/earcut/-/earcut-3.0.1.tgz",
diff --git a/package.json b/package.json
index e94b0c7..972b660 100644
--- a/package.json
+++ b/package.json
@@ -33,7 +33,7 @@
         "@turf/simplify": "^7.2.0",
         "converter-locale-cartesian": "^1.1.0",
         "lodash": "^4.17.21",
-        "maplibre-gl": "^5.0.0",
+        "maplibre-gl": "^4.7.1",
         "react-map-gl": "^7.1.8"
     },
     "devDependencies": {
diff --git a/src/components/activity-maptiler/activity-maptiler.stories.tsx b/src/components/activity-maptiler/activity-maptiler.stories.tsx
index 42badda..51e4cb6 100644
--- a/src/components/activity-maptiler/activity-maptiler.stories.tsx
+++ b/src/components/activity-maptiler/activity-maptiler.stories.tsx
@@ -21,9 +21,7 @@ export default {
 
 type Story = StoryObj<typeof ActivityMaptiler>;
 
-export const Default: Story = {
-    tags: ["no-visual-test"],
-};
+export const Default: Story = {};
 
 export const TextAnnotation: Story = {
     render: () => (