diff --git a/Tests/LibWeb/Ref/reference/transform-2d-translate-ref.html b/Tests/LibWeb/Ref/reference/transform-2d-translate-ref.html
new file mode 100644
index 0000000000..ffae7a91bd
--- /dev/null
+++ b/Tests/LibWeb/Ref/reference/transform-2d-translate-ref.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<style>
+* {
+    outline: 1px solid black;
+}
+div {
+    height: 100px;
+    background: pink;
+    transform: translate(0, -50%);
+}
+</style><body><div id="box">
diff --git a/Tests/LibWeb/Ref/transform-2d-translate.html b/Tests/LibWeb/Ref/transform-2d-translate.html
new file mode 100644
index 0000000000..9553307cde
--- /dev/null
+++ b/Tests/LibWeb/Ref/transform-2d-translate.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<link rel="match" href="reference/transform-2d-translate-ref.html" />
+<style>
+* {
+    outline: 1px solid black;
+}
+div {
+    padding: 50px;
+    background: pink;
+    transform: translate(0, -50%);
+}
+</style><body><div id="box">
diff --git a/Userland/Libraries/LibWeb/CSS/Transformation.cpp b/Userland/Libraries/LibWeb/CSS/Transformation.cpp
index f5363dad2a..12ca2d215f 100644
--- a/Userland/Libraries/LibWeb/CSS/Transformation.cpp
+++ b/Userland/Libraries/LibWeb/CSS/Transformation.cpp
@@ -45,7 +45,7 @@ ErrorOr<Gfx::FloatMatrix4x4> Transformation::to_matrix(Optional<Painting::Painta
     CSSPixels width = 1;
     CSSPixels height = 1;
     if (paintable_box.has_value()) {
-        auto reference_box = paintable_box->absolute_rect();
+        auto reference_box = paintable_box->absolute_padding_box_rect();
         width = reference_box.width();
         height = reference_box.height();
     }
