diff --git a/Tests/LibWeb/Text/expected/request-animation-frame-order.txt b/Tests/LibWeb/Text/expected/request-animation-frame-order.txt
new file mode 100644
index 00000000000..c9e9f4a0fd8
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/request-animation-frame-order.txt
@@ -0,0 +1,20 @@
+   0
+1
+2
+3
+4
+5
+6
+7
+8
+9
+10
+11
+12
+13
+14
+15
+16
+17
+18
+19
diff --git a/Tests/LibWeb/Text/input/request-animation-frame-order.html b/Tests/LibWeb/Text/input/request-animation-frame-order.html
new file mode 100644
index 00000000000..24b87c1404c
--- /dev/null
+++ b/Tests/LibWeb/Text/input/request-animation-frame-order.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<div id="foo"></div>
+<script src="include.js"></script>
+<script>
+    test(() => {
+        for (let i = 0; i < 20; i++) {
+            // FIXME: Workaround for https://github.com/SerenityOS/serenity/issues/23552
+            let x = i;
+            requestAnimationFrame(() => {
+                println(x);
+            });
+        }
+    });
+</script>
diff --git a/Userland/Libraries/LibWeb/HTML/AnimationFrameCallbackDriver.h b/Userland/Libraries/LibWeb/HTML/AnimationFrameCallbackDriver.h
index 3c5b07811a0..29894f67323 100644
--- a/Userland/Libraries/LibWeb/HTML/AnimationFrameCallbackDriver.h
+++ b/Userland/Libraries/LibWeb/HTML/AnimationFrameCallbackDriver.h
@@ -56,7 +56,7 @@ struct AnimationFrameCallbackDriver {
     }
 
 private:
-    HashMap<i32, Callback> m_callbacks;
+    OrderedHashMap<i32, Callback> m_callbacks;
     IDAllocator m_id_allocator;
     RefPtr<Platform::Timer> m_timer;
 };
