diff --git a/.changeset/gold-sheep-obey.md b/.changeset/gold-sheep-obey.md
new file mode 100644
index 000000000..df4747318
--- /dev/null
+++ b/.changeset/gold-sheep-obey.md
@@ -0,0 +1,6 @@
+---
+"gitbook": patch
+"@gitbook/icons": patch
+---
+
+add browserlists and fix old browser css-masks
diff --git a/packages/gitbook/package.json b/packages/gitbook/package.json
index bb59397dc..de6007a36 100644
--- a/packages/gitbook/package.json
+++ b/packages/gitbook/package.json
@@ -111,5 +111,8 @@
         "e2e-customers": "playwright test e2e/customers.spec.ts",
         "unit": "bun test {src,packages} --preload ./tests/preload-bun.ts",
         "typecheck": "tsc --noEmit"
-    }
+    },
+    "browserslist": [
+        ">0.3%, chrome >= 64, edge >= 79, firefox >= 67, opera >= 51, safari >= 12 and not dead"
+    ]
 }
diff --git a/packages/icons/src/Icon.tsx b/packages/icons/src/Icon.tsx
index 871489ea4..2290d5963 100644
--- a/packages/icons/src/Icon.tsx
+++ b/packages/icons/src/Icon.tsx
@@ -58,8 +58,12 @@ export const Icon = React.forwardRef(function Icon(
             {...rest}
             style={{
                 maskImage: `url(${url})`,
+                //@ts-ignore // For compatibility with older browsers
+                '-webkit-mask-image': `url(${url})`,
                 maskRepeat: 'no-repeat',
+                '-webkit-mask-repeat': 'no-repeat',
                 maskPosition: 'center',
+                '-webkit-mask-position': 'center',
                 ...(size ? { width: size, height: size } : {}),
                 ...rest.style,
             }}