diff --git a/Tests/LibWeb/Ref/abspos-escapes-scroll-container.html b/Tests/LibWeb/Ref/abspos-escapes-scroll-container.html
index 34a373b62a..92a87e0200 100644
--- a/Tests/LibWeb/Ref/abspos-escapes-scroll-container.html
+++ b/Tests/LibWeb/Ref/abspos-escapes-scroll-container.html
@@ -6,6 +6,7 @@
     height: 200px;
     overflow: auto;
     border: 1px solid black;
+    scrollbar-width: none;
 }
 .content {
     height: 600px;
diff --git a/Tests/LibWeb/Ref/button-inside-scroll-container.html b/Tests/LibWeb/Ref/button-inside-scroll-container.html
index 8a39ef8730..06f9bfdd4d 100644
--- a/Tests/LibWeb/Ref/button-inside-scroll-container.html
+++ b/Tests/LibWeb/Ref/button-inside-scroll-container.html
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <link rel="match" href="reference/button-inside-scroll-container-ref.html" />
 <style>
+    * {
+        scrollbar-width: none;
+    }
+    
     #scrollable {
         height: 300px;
         overflow: scroll;
diff --git a/Tests/LibWeb/Ref/css-backgrounds.html b/Tests/LibWeb/Ref/css-backgrounds.html
index b55bad01f9..7697eabb5f 100644
--- a/Tests/LibWeb/Ref/css-backgrounds.html
+++ b/Tests/LibWeb/Ref/css-backgrounds.html
@@ -12,6 +12,7 @@
             padding: 5px 10px 15px 20px;
             overflow: auto;
             margin-bottom: 10px;
+            scrollbar-width: none;
         }
 
         .force-scroll {
diff --git a/Tests/LibWeb/Ref/overflow-hidden-7.html b/Tests/LibWeb/Ref/overflow-hidden-7.html
index 9a8e0e2148..a26f20a61d 100644
--- a/Tests/LibWeb/Ref/overflow-hidden-7.html
+++ b/Tests/LibWeb/Ref/overflow-hidden-7.html
@@ -6,6 +6,7 @@
         overflow-x: visible;
         width: 200px;
         height: 200px;
+        scrollbar-width: none;
     }
 
     .inner {
diff --git a/Tests/LibWeb/Ref/reference/scrollable-box-with-nested-stacking-context-ref.html b/Tests/LibWeb/Ref/reference/scrollable-box-with-nested-stacking-context-ref.html
index 5d6e2c48d3..8f2863a433 100644
--- a/Tests/LibWeb/Ref/reference/scrollable-box-with-nested-stacking-context-ref.html
+++ b/Tests/LibWeb/Ref/reference/scrollable-box-with-nested-stacking-context-ref.html
@@ -1,4 +1,8 @@
 <style>
+    * {
+        scrollbar-width: none;
+    }
+
     #container {
         width: 300px;
         height: 500px;
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html b/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html
index 5d35432875..5b627d67dd 100644
--- a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html
+++ b/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html
@@ -1,5 +1,8 @@
 <!DOCTYPE html>
 <style>
+    * {
+        scrollbar-width: none;
+    }
     html {
         background: white;
     }
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html b/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html
index c3b3fd2956..3d3169f07e 100644
--- a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html
+++ b/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html
@@ -1,4 +1,7 @@
 <!DOCTYPE html><style>
+    * {
+        scrollbar-width: none;
+    }
     html {
         background: white;
     }
diff --git a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html b/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html
index 7dc0049208..6b8e747591 100644
--- a/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html
+++ b/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html
@@ -1,5 +1,8 @@
 <!DOCTYPE html>
 <style>
+    * {
+        scrollbar-width: none;
+    }
     html {
         background: white;
     }
diff --git a/Tests/LibWeb/Ref/scroll-using-mousewheel-event.html b/Tests/LibWeb/Ref/scroll-using-mousewheel-event.html
index f6d2b219e3..abda702188 100644
--- a/Tests/LibWeb/Ref/scroll-using-mousewheel-event.html
+++ b/Tests/LibWeb/Ref/scroll-using-mousewheel-event.html
@@ -5,6 +5,7 @@
     overflow-y: scroll;
     width: 100px;
     height: 300px;
+    scrollbar-width: none;
 }
 
 .item {
diff --git a/Tests/LibWeb/Ref/scrollable-box-with-nested-stacking-context.html b/Tests/LibWeb/Ref/scrollable-box-with-nested-stacking-context.html
index fc03414561..bdfbe6d7b2 100644
--- a/Tests/LibWeb/Ref/scrollable-box-with-nested-stacking-context.html
+++ b/Tests/LibWeb/Ref/scrollable-box-with-nested-stacking-context.html
@@ -1,5 +1,9 @@
 <link rel="match" href="reference/scrollable-box-with-nested-stacking-context-ref.html" />
 <style>
+    * {
+        scrollbar-width: none;
+    }
+
     #scrollable-box {
         width: 300px;
         height: 500px;
diff --git a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-1.html b/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-1.html
index 2701e6a7b2..f4e40d3e6d 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-1.html
+++ b/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-1.html
@@ -1,6 +1,9 @@
 <!DOCTYPE html>
 <link rel="match" href="reference/scrollable-contains-boxes-with-hidden-overflow-1-ref.html" />
 <style>
+    * {
+        scrollbar-width: none;
+    }
     html {
         background: white;
     }
diff --git a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-2.html b/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-2.html
index 518954a9aa..d28f7f5436 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-2.html
+++ b/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-2.html
@@ -1,6 +1,9 @@
 <!DOCTYPE html>
 <link rel="match" href="reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html" />
 <style>
+    * {
+        scrollbar-width: none;
+    }
     html {
         background: white;
     }
diff --git a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html b/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
index a1f7c43b5b..9e4978f8bf 100644
--- a/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
+++ b/Tests/LibWeb/Ref/scrollable-contains-boxes-with-hidden-overflow-and-opacity.html
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <link rel="match" href="reference/scrollable-contains-boxes-with-hidden-overflow-and-opacity-ref.html" />
 <style>
+    * {
+        scrollbar-width: none;
+    }
+
     html {
         background: white;
     }
diff --git a/Tests/LibWeb/Ref/svg-inside-scroll-container.html b/Tests/LibWeb/Ref/svg-inside-scroll-container.html
index 7eb86cd434..ac68dfde12 100644
--- a/Tests/LibWeb/Ref/svg-inside-scroll-container.html
+++ b/Tests/LibWeb/Ref/svg-inside-scroll-container.html
@@ -1,6 +1,10 @@
 <!DOCTYPE html>
 <link rel="match" href="reference/svg-inside-scroll-container-ref.html" />
 <style>
+    * {
+        scrollbar-width: none;
+    }
+
     #scrollable {
         height: 300px;
         overflow: scroll;
diff --git a/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp b/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp
index a410c08476..30d84c5ccc 100644
--- a/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp
+++ b/Userland/Libraries/LibWeb/Painting/PaintableBox.cpp
@@ -253,6 +253,50 @@ void PaintableBox::after_paint(PaintContext& context, [[maybe_unused]] PaintPhas
     clear_clip_overflow_rect(context, phase);
 }
 
+bool PaintableBox::is_scrollable(ScrollDirection direction) const
+{
+    auto overflow = direction == ScrollDirection::Horizontal ? computed_values().overflow_x() : computed_values().overflow_y();
+    auto scrollable_overflow_size = direction == ScrollDirection::Horizontal ? scrollable_overflow_rect()->width() : scrollable_overflow_rect()->height();
+    auto scrollport_size = direction == ScrollDirection::Horizontal ? absolute_padding_box_rect().width() : absolute_padding_box_rect().height();
+    if (overflow == CSS::Overflow::Auto)
+        return scrollable_overflow_size > scrollport_size;
+    return overflow == CSS::Overflow::Scroll;
+}
+
+static constexpr CSSPixels scrollbar_thumb_thickness = 8;
+
+Optional<CSSPixelRect> PaintableBox::scroll_thumb_rect(ScrollDirection direction) const
+{
+    if (!is_scrollable(direction))
+        return {};
+
+    auto padding_rect = absolute_padding_box_rect();
+    auto scrollable_overflow_rect = this->scrollable_overflow_rect().value();
+    auto scroll_overflow_size = direction == ScrollDirection::Horizontal ? scrollable_overflow_rect.width() : scrollable_overflow_rect.height();
+    auto scrollport_size = direction == ScrollDirection::Horizontal ? padding_rect.width() : padding_rect.height();
+    auto scroll_offset = direction == ScrollDirection::Horizontal ? this->scroll_offset().x() : this->scroll_offset().y();
+
+    auto thumb_size = scrollport_size * (scrollport_size / scroll_overflow_size);
+    CSSPixels thumb_position = 0;
+    if (scroll_overflow_size > scrollport_size)
+        thumb_position = scroll_offset * (scrollport_size - thumb_size) / (scroll_overflow_size - scrollport_size);
+
+    if (direction == ScrollDirection::Horizontal) {
+        return CSSPixelRect {
+            padding_rect.left() + thumb_position,
+            padding_rect.bottom() - scrollbar_thumb_thickness,
+            thumb_size,
+            scrollbar_thumb_thickness
+        };
+    }
+    return CSSPixelRect {
+        padding_rect.right() - scrollbar_thumb_thickness,
+        padding_rect.top() + thumb_position,
+        scrollbar_thumb_thickness,
+        thumb_size
+    };
+}
+
 void PaintableBox::paint(PaintContext& context, PaintPhase phase) const
 {
     if (!is_visible())
@@ -295,6 +339,20 @@ void PaintableBox::paint(PaintContext& context, PaintPhase phase) const
         }
     }
 
+    auto scrollbar_width = computed_values().scrollbar_width();
+    if (phase == PaintPhase::Overlay && scrollbar_width != CSS::ScrollbarWidth::None) {
+        auto color = Color(Color::NamedColor::DarkGray).with_alpha(128);
+        int thumb_corner_radius = static_cast<int>(context.rounded_device_pixels(scrollbar_thumb_thickness / 2));
+        if (auto thumb_rect = scroll_thumb_rect(ScrollDirection::Horizontal); thumb_rect.has_value()) {
+            auto thumb_device_rect = context.enclosing_device_rect(thumb_rect.value());
+            context.recording_painter().fill_rect_with_rounded_corners(thumb_device_rect.to_type<int>(), color, thumb_corner_radius, thumb_corner_radius, thumb_corner_radius, thumb_corner_radius);
+        }
+        if (auto thumb_rect = scroll_thumb_rect(ScrollDirection::Vertical); thumb_rect.has_value()) {
+            auto thumb_device_rect = context.enclosing_device_rect(thumb_rect.value());
+            context.recording_painter().fill_rect_with_rounded_corners(thumb_device_rect.to_type<int>(), color, thumb_corner_radius, thumb_corner_radius, thumb_corner_radius, thumb_corner_radius);
+        }
+    }
+
     if (phase == PaintPhase::Overlay && layout_box().document().inspected_layout_node() == &layout_box()) {
         auto content_rect = absolute_rect();
 
diff --git a/Userland/Libraries/LibWeb/Painting/PaintableBox.h b/Userland/Libraries/LibWeb/Painting/PaintableBox.h
index ae3f45a2be..5a4ea66430 100644
--- a/Userland/Libraries/LibWeb/Painting/PaintableBox.h
+++ b/Userland/Libraries/LibWeb/Painting/PaintableBox.h
@@ -229,6 +229,13 @@ protected:
 private:
     [[nodiscard]] virtual bool is_paintable_box() const final { return true; }
 
+    enum class ScrollDirection {
+        Horizontal,
+        Vertical,
+    };
+    [[nodiscard]] Optional<CSSPixelRect> scroll_thumb_rect(ScrollDirection) const;
+    [[nodiscard]] bool is_scrollable(ScrollDirection) const;
+
     Optional<OverflowData> m_overflow_data;
 
     CSSPixelPoint m_offset;
