diff --git a/frontend/src/ts/test/replay.ts b/frontend/src/ts/test/replay.ts
index ca7b3ed17..b6dee822a 100644
--- a/frontend/src/ts/test/replay.ts
+++ b/frontend/src/ts/test/replay.ts
@@ -314,14 +314,14 @@ qs("#replayWords")?.onChild("click", "letter", (event) => {
   pauseReplay();
   const replayWords = qs("#replayWords");
 
-  const words = replayWords?.getChildren();
+  const words = [...(replayWords?.native?.children ?? [])];
   targetWordPos =
-    words?.getElementIndex(
+    words?.indexOf(
       (event.childTarget as HTMLElement).parentNode as HTMLElement,
     ) ?? 0;
-  const letters = words?.[targetWordPos]?.getChildren();
-  targetCurPos =
-    letters?.getElementIndex(event.childTarget as HTMLElement) ?? 0;
+
+  const letters = [...(words[targetWordPos] as HTMLElement).children];
+  targetCurPos = letters?.indexOf(event.childTarget as HTMLElement) ?? 0;
 
   initializeReplayPrompt();
   loadOldReplay();
diff --git a/frontend/src/ts/utils/dom.ts b/frontend/src/ts/utils/dom.ts
index 4677c1be3..69ec3bcbf 100644
--- a/frontend/src/ts/utils/dom.ts
+++ b/frontend/src/ts/utils/dom.ts
@@ -862,17 +862,6 @@ export class ElementsWithUtils<
     return this;
   }
 
-  /**
-   * Get the index of element in the array
-   */
-  getElementIndex(element: HTMLElement): number {
-    console.warn(this.length);
-    for (let i = 0; i < this.length; i++) {
-      if (this[i]?.native === element) return i;
-    }
-    return -1;
-  }
-
   /**
    * Set multiple style properties on all elements in the array.
    * An empty object clears all styles.