diff --git a/.config/quickshell/ii/modules/common/widgets/StyledFlickable.qml b/.config/quickshell/ii/modules/common/widgets/StyledFlickable.qml
index c765a3fce..1f32326d9 100644
--- a/.config/quickshell/ii/modules/common/widgets/StyledFlickable.qml
+++ b/.config/quickshell/ii/modules/common/widgets/StyledFlickable.qml
@@ -1,4 +1,5 @@
 import QtQuick
+import QtQuick.Controls
 import qs.modules.common
 
 Flickable {
@@ -12,6 +13,8 @@ Flickable {
     // Accumulated scroll destination so wheel deltas stack while animating
     property real scrollTargetY: 0
 
+    ScrollBar.vertical: StyledScrollBar {}
+
     MouseArea {
         visible: Config?.options.interactions.scrolling.fasterTouchpadScroll
         anchors.fill: parent
diff --git a/.config/quickshell/ii/modules/common/widgets/StyledListView.qml b/.config/quickshell/ii/modules/common/widgets/StyledListView.qml
index f005e9f4d..083321424 100644
--- a/.config/quickshell/ii/modules/common/widgets/StyledListView.qml
+++ b/.config/quickshell/ii/modules/common/widgets/StyledListView.qml
@@ -3,6 +3,7 @@ import qs.modules.common
 import qs.modules.common.widgets
 import qs.services
 import QtQuick
+import QtQuick.Controls
 
 /**
  * A ListView with animations.
@@ -30,6 +31,7 @@ ListView {
 
     maximumFlickVelocity: 3500
     boundsBehavior: Flickable.DragOverBounds
+    ScrollBar.vertical: StyledScrollBar {}
 
     MouseArea {
         visible: Config?.options.interactions.scrolling.fasterTouchpadScroll
diff --git a/.config/quickshell/ii/modules/common/widgets/StyledScrollBar.qml b/.config/quickshell/ii/modules/common/widgets/StyledScrollBar.qml
index ab357e09b..7b677c426 100644
--- a/.config/quickshell/ii/modules/common/widgets/StyledScrollBar.qml
+++ b/.config/quickshell/ii/modules/common/widgets/StyledScrollBar.qml
@@ -7,6 +7,8 @@ ScrollBar {
     id: root
 
     policy: ScrollBar.AsNeeded
+    topPadding: Appearance.rounding.normal
+    bottomPadding: Appearance.rounding.normal
 
     contentItem: Rectangle {
         implicitWidth: 4