diff --git a/Tests/LibWeb/Text/expected/resize-scrollable-box.txt b/Tests/LibWeb/Text/expected/resize-scrollable-box.txt
new file mode 100644
index 0000000000..0e5e11a619
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/resize-scrollable-box.txt
@@ -0,0 +1,2 @@
+  Item 1Item 2Item 3Item 4Item 5Item 6Item 7Item 8Item 9Item 10Item 11Item 12    scrollLeft (before resize): 1130
+scrollLeft (after resize): 830
diff --git a/Tests/LibWeb/Text/input/resize-scrollable-box.html b/Tests/LibWeb/Text/input/resize-scrollable-box.html
new file mode 100644
index 0000000000..27487dbb69
--- /dev/null
+++ b/Tests/LibWeb/Text/input/resize-scrollable-box.html
@@ -0,0 +1,36 @@
+<style>
+    .scrollable-div {
+        width: 100%;
+        overflow-x: auto;
+        white-space: nowrap;
+        border: 10px magenta solid;
+    }
+
+    span {
+        width: 100px;
+        height: 100px;
+        display: inline-block;
+        border: 10px solid #000;
+    }
+
+    body {
+        width: 300px;
+    }
+</style>
+<body>
+    <div class="scrollable-div">
+        <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>
+</body>
+<script src="./include.js"></script>
+<script>
+    test(() => {
+        const scrollableDiv = document.querySelector('.scrollable-div');
+        scrollableDiv.scrollLeft = scrollableDiv.scrollWidth;
+        println("scrollLeft (before resize): " + scrollableDiv.scrollLeft);
+        document.body.style.width = '600px';
+        println("scrollLeft (after resize): " + scrollableDiv.scrollLeft);
+    });
+</script>
diff --git a/Userland/Libraries/LibWeb/Layout/LayoutState.cpp b/Userland/Libraries/LibWeb/Layout/LayoutState.cpp
index 10243fb0e1..115b7b10ac 100644
--- a/Userland/Libraries/LibWeb/Layout/LayoutState.cpp
+++ b/Userland/Libraries/LibWeb/Layout/LayoutState.cpp
@@ -352,6 +352,13 @@ void LayoutState::commit(Box& root)
             continue;
         auto const& box = static_cast<Layout::Box const&>(used_values.node());
         measure_scrollable_overflow(box);
+
+        // The scroll offset can become invalid if the scrollable overflow rectangle has changed after layout.
+        // For example, if the scroll container has been scrolled to the very end and is then resized to become larger
+        // (scrollable overflow rect become smaller), the scroll offset would be out of bounds.
+        auto& paintable_box = const_cast<Painting::PaintableBox&>(*box.paintable_box());
+        if (!paintable_box.scroll_offset().is_zero())
+            paintable_box.set_scroll_offset(paintable_box.scroll_offset());
     }
 }
 
