diff --git a/components/StateLayer.qml b/components/StateLayer.qml
index 2ce8c500..bc5677ee 100644
--- a/components/StateLayer.qml
+++ b/components/StateLayer.qml
@@ -85,8 +85,7 @@ MouseArea {
         target: circle
         property: "opacity"
         to: 0
-        easing: Tokens.anim.expressiveSlowEffects
-        duration: Tokens.anim.durations.expressiveSlowEffects
+        type: Anim.SlowEffects
     }
 
     StyledRect {
@@ -179,8 +178,7 @@ MouseArea {
 
     Behavior on stateOpacity {
         Anim {
-            easing: Tokens.anim.expressiveDefaultEffects
-            duration: Tokens.anim.durations.expressiveDefaultEffects
+            type: Anim.DefaultEffects
         }
     }
 }