diff --git a/src/components/Avatar/AvatarStack.tsx b/src/components/Avatar/AvatarStack.tsx
index e4d6629d..e17684b1 100644
--- a/src/components/Avatar/AvatarStack.tsx
+++ b/src/components/Avatar/AvatarStack.tsx
@@ -17,6 +17,7 @@ limitations under the License.
 import classnames from "classnames";
 import React, { useEffect } from "react";
 import styles from "./Avatar.module.css";
+import clipMask from "./avatar-clip.mask.svg?raw";
 
 type AvatarStackProps = {
   className?: string;
@@ -49,18 +50,9 @@ export const AvatarStack: React.FC<
   useEffect(() => {
     if (AvatarStackUsageCount === 0) {
       const svgMask = `
-        <svg id="${AVATAR_MASK_ID}" class="${styles["clip-path"]}">
-          <clipPath id="cpdAvatarClip" clipPathUnits="objectBoundingBox">
-            <path
-              d="
-                M 0.875 0.16666
-                A 0.5 0.5 0 1 0 0.875 0.83333
-                Q 0.65 0.5 0.875 0.16666
-                Z
-             "
-            />
-          </clipPath>
-        </svg>
+        <div aria-hidden="true" id="${AVATAR_MASK_ID}" class="${styles["clip-path"]}">
+          ${clipMask}
+        </div>
       `;
       document.body.insertAdjacentHTML("beforeend", svgMask);
     }
diff --git a/src/components/Avatar/avatar-clip.mask.svg b/src/components/Avatar/avatar-clip.mask.svg
new file mode 100644
index 00000000..359a0bfb
--- /dev/null
+++ b/src/components/Avatar/avatar-clip.mask.svg
@@ -0,0 +1,30 @@
+<!--
+Copyright 2023  New Vector Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+<svg>
+  <clipPath id="cpdAvatarClip" clipPathUnits="objectBoundingBox">
+    <!-- 
+        All values below need to be between 0 and 1
+        for objectBoundingBox to work
+     -->
+    <path d="
+        M 0.875 0.16666
+        A 0.5 0.5 0 1 0 0.875 0.83333
+        Q 0.65 0.5 0.875 0.16666
+        Z
+     "/>
+  </clipPath>
+</svg>