[Skeleton] Fix wave animation for styled-components (#43740)

mui · Sep 13, 2024 · e513ea3 · e513ea3
1 parent e727062
commit e513ea3
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/mui-material/src/Skeleton/Skeleton.js b/packages/mui-material/src/Skeleton/Skeleton.js
@@ -68,7 +68,9 @@ const pulseAnimation =
 const waveAnimation =
   typeof waveKeyframe !== 'string'
     ? css`
-        animation: ${waveKeyframe} 2s linear 0.5s infinite;
+        &::after {
+          animation: ${waveKeyframe} 2s linear 0.5s infinite;
+        }
       `
     : null;
 
@@ -192,8 +194,8 @@ const SkeletonRoot = styled('span', {
           props: {
             animation: 'wave',
           },
-          style: {
-            '&::after': waveAnimation || {
+          style: waveAnimation || {
+            '&::after': {
               animation: `${waveKeyframe} 2s linear 0.5s infinite`,
             },
           },