diff --git a/example/qml/page/T_Acrylic.qml b/example/qml/page/T_Acrylic.qml
index 093ea129..ae83a596 100644
--- a/example/qml/page/T_Acrylic.qml
+++ b/example/qml/page/T_Acrylic.qml
@@ -10,9 +10,10 @@ FluScrollablePage{
     title:"Acrylic"
 
     RowLayout{
+        spacing: 10
         Layout.topMargin: 20
         FluText{
-            text:"tintColor->"
+            text:"tintColor:"
             Layout.alignment: Qt.AlignVCenter
         }
         FluColorPicker{
@@ -20,8 +21,9 @@ FluScrollablePage{
         }
     }
     RowLayout{
+        spacing: 10
         FluText{
-            text:"tintOpacity->"
+            text:"tintOpacity:"
             Layout.alignment: Qt.AlignVCenter
         }
         FluSlider{
@@ -30,8 +32,9 @@ FluScrollablePage{
         }
     }
     RowLayout{
+        spacing: 10
         FluText{
-            text:"blurRadius->"
+            text:"blurRadius:"
             Layout.alignment: Qt.AlignVCenter
         }
         FluSlider{
diff --git a/src/imports/FluentUI/Controls/FluAcrylic.qml b/src/imports/FluentUI/Controls/FluAcrylic.qml
index 831b876d..1e9696a4 100644
--- a/src/imports/FluentUI/Controls/FluAcrylic.qml
+++ b/src/imports/FluentUI/Controls/FluAcrylic.qml
@@ -10,12 +10,13 @@ FluItem {
     property real noiseOpacity : 0.066
     property alias target : effect_source.sourceItem
     property int blurRadius: 32
+    property rect targetRect : Qt.rect(control.x, control.y, control.width, control.height)
 
     ShaderEffectSource {
         id: effect_source
         anchors.fill: parent
         visible: false
-        sourceRect: Qt.rect(control.x, control.y, control.width, control.height)
+        sourceRect: control.targetRect
     }
 
     FastBlur {