diff --git a/Tests/LibWeb/Text/expected/DOM/element-scroll-width.txt b/Tests/LibWeb/Text/expected/DOM/element-scroll-width.txt
new file mode 100644
index 0000000000..52ea7a30cf
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/DOM/element-scroll-width.txt
@@ -0,0 +1 @@
+Item 1Item 2Item 3Item 4Item 5Item 6Item 7Item 8Item 9Item 10Item 11Item 12  1200
diff --git a/Tests/LibWeb/Text/input/DOM/element-scroll-width.html b/Tests/LibWeb/Text/input/DOM/element-scroll-width.html
new file mode 100644
index 0000000000..cf18c882f1
--- /dev/null
+++ b/Tests/LibWeb/Text/input/DOM/element-scroll-width.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<script src="../include.js"></script>
+<style>
+    * {
+        outline: 1px solid black;
+    }
+
+    .scrollable {
+        width: 300px;
+        overflow-x: auto;
+        white-space: nowrap;
+    }
+
+    span {
+        width: 100px;
+        height: 100px;
+        display: inline-block;
+    }
+</style>
+<div class="scrollable"><span>Item 1</span><span>Item 2</span><span>Item 3</span><span>Item 4</span><span>Item 5</span><span>Item 6</span><span>Item 7</span><span>Item 8</span><span>Item 9</span><span>Item 10</span><span>Item 11</span><span>Item 12</span></div>
+<script>
+    test(() => {
+        const scrollable = document.querySelector(".scrollable");
+        println(scrollable.scrollWidth);
+    });
+</script>
diff --git a/Userland/Libraries/LibWeb/DOM/Element.cpp b/Userland/Libraries/LibWeb/DOM/Element.cpp
index fbbfa0e0ba..1c05221d79 100644
--- a/Userland/Libraries/LibWeb/DOM/Element.cpp
+++ b/Userland/Libraries/LibWeb/DOM/Element.cpp
@@ -1394,7 +1394,7 @@ int Element::scroll_width() const
         return 0;
 
     // 7. Return the width of the element’s scrolling area.
-    return paintable_box()->border_box_width().to_int();
+    return paintable_box()->scrollable_overflow_rect()->width().to_int();
 }
 
 // https://drafts.csswg.org/cssom-view/#dom-element-scrollheight
