diff --git a/Tests/LibWeb/Text/expected/get-bounding-client-rect.txt b/Tests/LibWeb/Text/expected/get-bounding-client-rect.txt
new file mode 100644
index 0000000000..d7833895ea
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/get-bounding-client-rect.txt
@@ -0,0 +1 @@
+   {"x":8,"y":500,"width":784,"height":150,"top":500,"right":792,"bottom":650,"left":8}
\ No newline at end of file
diff --git a/Tests/LibWeb/Text/input/get-bounding-client-rect.html b/Tests/LibWeb/Text/input/get-bounding-client-rect.html
new file mode 100644
index 0000000000..3206ec0aa5
--- /dev/null
+++ b/Tests/LibWeb/Text/input/get-bounding-client-rect.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<style type="text/css">
+    #box {
+        margin-top: 500px;
+        padding-top: 100px;
+        background-color: navy;
+        width: 100%;
+        height: 50px;
+    }
+</style>
+<div id="box"></div>
+<script src="include.js"></script>
+<script>
+    test(() => {
+        const rect = document.getElementById("box").getBoundingClientRect();
+        println(JSON.stringify(rect));
+    });
+</script>
diff --git a/Userland/Libraries/LibWeb/DOM/Element.cpp b/Userland/Libraries/LibWeb/DOM/Element.cpp
index 36c7f7bf5a..72129c8b08 100644
--- a/Userland/Libraries/LibWeb/DOM/Element.cpp
+++ b/Userland/Libraries/LibWeb/DOM/Element.cpp
@@ -868,7 +868,7 @@ JS::NonnullGCPtr<Geometry::DOMRect> Element::get_bounding_client_rect() const
     VERIFY(document().navigable());
     auto viewport_offset = document().navigable()->viewport_scroll_offset();
 
-    return Geometry::DOMRect::create(realm(), paintable_box->absolute_rect().translated(-viewport_offset.x(), -viewport_offset.y()).to_type<float>());
+    return Geometry::DOMRect::create(realm(), paintable_box->absolute_border_box_rect().translated(-viewport_offset.x(), -viewport_offset.y()).to_type<float>());
 }
 
 // https://drafts.csswg.org/cssom-view/#dom-element-getclientrects
