diff --git a/internal/compiler/widgets/fluent/scrollview.slint b/internal/compiler/widgets/fluent/scrollview.slint
index c08f1444492..3c3f8d78fbc 100644
--- a/internal/compiler/widgets/fluent/scrollview.slint
+++ b/internal/compiler/widgets/fluent/scrollview.slint
@@ -168,7 +168,7 @@ export component ScrollView {
         width: 14px;
         x: flickable.width + flickable.x - self.width;
         y: flickable.y;
-        height:  flickable.height;
+        height:  flickable.height - horizontal-bar.height;
         horizontal: false;
         maximum:  flickable.viewport-height - flickable.height;
         page-size:  flickable.height;
@@ -176,7 +176,7 @@ export component ScrollView {
 
     horizontal-bar := ScrollBar {
         enabled: root.enabled;
-        width:  flickable.width;
+        width:  flickable.width - vertical-bar.width;
         height: 14px;
         y: flickable.height + flickable.y - self.height;
         x: flickable.x;