diff --git a/core/src/components/refresher/refresher.utils.ts b/core/src/components/refresher/refresher.utils.ts
index 8dcda4d266..13b4a0d0f7 100644
--- a/core/src/components/refresher/refresher.utils.ts
+++ b/core/src/components/refresher/refresher.utils.ts
@@ -41,10 +41,10 @@ const createBaseAnimation = (pullingRefresherIcon: HTMLElement) => {
   const circleInnerAnimation = createAnimation()
     .addElement(circle)
     .keyframes([
-      { offset: 0, 'stroke-dasharray': '1px, 200px' },
-      { offset: 0.20, 'stroke-dasharray': '1px, 200px' },
-      { offset: 0.55, 'stroke-dasharray': '100px, 200px' },
-      { offset: 1, 'stroke-dasharray': '100px, 200px' }
+      { offset: 0, strokeDasharray: '1px, 200px' },
+      { offset: 0.20, strokeDasharray: '1px, 200px' },
+      { offset: 0.55, strokeDasharray: '100px, 200px' },
+      { offset: 1, strokeDasharray: '100px, 200px' }
     ]);
 
   const circleOuterAnimation = createAnimation()
diff --git a/core/src/components/refresher/test/basic/index.html b/core/src/components/refresher/test/basic/index.html
index 8eb547a0fb..fa074f5057 100644
--- a/core/src/components/refresher/test/basic/index.html
+++ b/core/src/components/refresher/test/basic/index.html
@@ -21,7 +21,7 @@
 
     <ion-content>
       <ion-refresher id="refresher" slot="fixed">
-        <ion-refresher-content pulling-text="Pull to refresh..." refreshing-spinner="bubbles" refreshing-text="Refreshing...">
+        <ion-refresher-content pulling-text="Pull to refresh..." refreshing-text="Refreshing...">
         </ion-refresher-content>
       </ion-refresher>