diff --git a/src/display/api.js b/src/display/api.js
index 72054e91b..9f0cc7caf 100644
--- a/src/display/api.js
+++ b/src/display/api.js
@@ -269,6 +269,7 @@ function getDocument(src) {
     );
   }
   const task = new PDFDocumentLoadingTask();
+  const { docId } = task;
 
   const url = src.url ? getUrlProp(src.url) : null;
   const data = src.data ? getDataProp(src.data) : null;
@@ -339,7 +340,7 @@ function getDocument(src) {
   const canvasFactory =
     src.canvasFactory || new DefaultCanvasFactory({ ownerDocument });
   const filterFactory =
-    src.filterFactory || new FilterFactory({ ownerDocument });
+    src.filterFactory || new FilterFactory({ docId, ownerDocument });
 
   // Parameters only intended for development/testing purposes.
   const styleElement =
@@ -378,7 +379,6 @@ function getDocument(src) {
       : new PDFWorker(workerParams);
     task._worker = worker;
   }
-  const docId = task.docId;
 
   const fetchDocParams = {
     docId,
diff --git a/src/display/display_utils.js b/src/display/display_utils.js
index 1e5ab9f6e..608ddb422 100644
--- a/src/display/display_utils.js
+++ b/src/display/display_utils.js
@@ -53,11 +53,14 @@ class FilterFactory {
 
   #_defs;
 
+  #docId;
+
   #document;
 
   #id = 0;
 
-  constructor({ ownerDocument = globalThis.document } = {}) {
+  constructor({ docId, ownerDocument = globalThis.document } = {}) {
+    this.#docId = docId;
     this.#document = ownerDocument;
   }
 
@@ -124,7 +127,7 @@ class FilterFactory {
     // We create a SVG filter: feComponentTransferElement
     //  https://www.w3.org/TR/SVG11/filters.html#feComponentTransferElement
 
-    const id = `transfer_map_${this.#id++}`;
+    const id = `g_${this.#docId}_transfer_map_${this.#id++}`;
     const url = `url(#${id})`;
     this.#cache.set(maps, url);
     this.#cache.set(key, url);