diff --git a/packages/core/src/components/toast/animations/ios.enter.ts b/packages/core/src/components/toast/animations/ios.enter.ts
index 509e0510e5..7587690b36 100644
--- a/packages/core/src/components/toast/animations/ios.enter.ts
+++ b/packages/core/src/components/toast/animations/ios.enter.ts
@@ -11,7 +11,7 @@ export default function(
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();
-  const wrapperEle = <HTMLElement> baseElm.querySelector('.toast-wrapper');
+  const wrapperEle = baseElm.querySelector('.toast-wrapper') as HTMLElement
   wrapperAnimation.addElement(wrapperEle);
 
   switch (position) {
diff --git a/packages/core/src/components/toast/animations/ios.leave.ts b/packages/core/src/components/toast/animations/ios.leave.ts
index f49d102f52..ab3e9166e2 100644
--- a/packages/core/src/components/toast/animations/ios.leave.ts
+++ b/packages/core/src/components/toast/animations/ios.leave.ts
@@ -11,7 +11,7 @@ export default function(
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();
-  const wrapperEle = <HTMLElement> baseElm.querySelector('.toast-wrapper');
+  const wrapperEle = baseElm.querySelector('.toast-wrapper') as HTMLElement
   wrapperAnimation.addElement(wrapperEle);
   switch (position) {
     case 'top':