diff --git a/eslint.config.mjs b/eslint.config.mjs
index bfafbc3..af4610a 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -17,6 +17,7 @@ export default defineConfig([
                 ...globals.browser,
                 createFragment: 'readonly',
                 activeDocument: 'readonly',
+                createSpan: 'readonly',
             },
             parser: tsparser,
             parserOptions: {
diff --git a/src/utils.ts b/src/utils.ts
index c7af9cc..afee246 100644
--- a/src/utils.ts
+++ b/src/utils.ts
@@ -104,7 +104,7 @@ export function createDateElement(
     date: Moment,
     onClick?: () => void,
 ): HTMLElement {
-    const span = activeDocument.createElement('span');
+    const span = createSpan();
     span.textContent = getRelativeText(date);
     span.className = 'relative-date';
     span.dataset.category = getDateCategory(date);