diff --git a/content/docs/components/animated-shiny-text.mdx b/content/docs/components/animated-shiny-text.mdx
index 992ce2412..4e9a1b9cf 100644
--- a/content/docs/components/animated-shiny-text.mdx
+++ b/content/docs/components/animated-shiny-text.mdx
@@ -50,10 +50,10 @@ module.exports = {
       keyframes: {
         "shiny-text": {
           "0%, 90%, 100%": {
-            "background-position": "calc(-100% - var(--shimmer-width)) 0",
+            "background-position": "calc(-100% - var(--shiny-width)) 0",
           },
           "30%, 60%": {
-            "background-position": "calc(100% + var(--shimmer-width)) 0",
+            "background-position": "calc(100% + var(--shiny-width)) 0",
           },
         },
       },