diff --git a/src/Qt5/imports/FluentUI/Controls/FluSpinBox.qml b/src/Qt5/imports/FluentUI/Controls/FluSpinBox.qml
index 9824f434..84260892 100644
--- a/src/Qt5/imports/FluentUI/Controls/FluSpinBox.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluSpinBox.qml
@@ -71,7 +71,7 @@ T.SpinBox {
         }
     }
 
-    up.indicator: FluRectangle {
+    up.indicator: FluClip {
         x: control.mirrored ? 0 : control.width - width
         height: control.height
         implicitWidth: 32
@@ -106,7 +106,7 @@ T.SpinBox {
     }
 
 
-    down.indicator: FluRectangle {
+    down.indicator: FluClip {
         x: control.mirrored ? parent.width - width : 0
         height: control.height
         implicitWidth: 32
diff --git a/src/Qt6/imports/FluentUI/Controls/FluSpinBox.qml b/src/Qt6/imports/FluentUI/Controls/FluSpinBox.qml
index 4628d91e..c3265efa 100644
--- a/src/Qt6/imports/FluentUI/Controls/FluSpinBox.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluSpinBox.qml
@@ -72,7 +72,7 @@ T.SpinBox {
         }
     }
 
-    up.indicator: FluRectangle {
+    up.indicator: FluClip {
         x: control.mirrored ? 0 : control.width - width
         height: control.height
         implicitWidth: 32
@@ -107,7 +107,7 @@ T.SpinBox {
     }
 
 
-    down.indicator: FluRectangle {
+    down.indicator: FluClip {
         x: control.mirrored ? parent.width - width : 0
         height: control.height
         implicitWidth: 32