diff --git a/packages/core/src/components/alert/alert.tsx b/packages/core/src/components/alert/alert.tsx
index 32c36fca0e..6b6aeceb5a 100644
--- a/packages/core/src/components/alert/alert.tsx
+++ b/packages/core/src/components/alert/alert.tsx
@@ -148,7 +148,7 @@ export class Alert {
       return playAnimationAsync(animation);
     }).then((animation) => {
       animation.destroy();
-      const firstInput = this.el.querySelector('[tabindex]');
+      const firstInput = this.el.querySelector('[tabindex]') as HTMLElement;
       if (firstInput) {
         firstInput.focus();
       }
diff --git a/packages/core/src/components/datetime/datetime.tsx b/packages/core/src/components/datetime/datetime.tsx
index db5f469093..50f5310d35 100644
--- a/packages/core/src/components/datetime/datetime.tsx
+++ b/packages/core/src/components/datetime/datetime.tsx
@@ -504,7 +504,7 @@ export class Datetime {
       }
     }
     const selectedIndex = column.selectedIndex = clamp(indexMin, column.selectedIndex, indexMax);
-    opt = column.options[selectedIndex];
+    const opt = column.options[selectedIndex];
     if (opt) {
       return opt.value;
     }
diff --git a/packages/core/src/components/popover/animations/ios.enter.ts b/packages/core/src/components/popover/animations/ios.enter.ts
index 34a2a619d8..7f6990bf1a 100644
--- a/packages/core/src/components/popover/animations/ios.enter.ts
+++ b/packages/core/src/components/popover/animations/ios.enter.ts
@@ -7,7 +7,7 @@ export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLEle
   let originY = 'top';
   let originX = 'left';
 
-  const contentEl = baseElm.querySelector('.popover-content');
+  const contentEl = baseElm.querySelector('.popover-content') as HTMLElement;
   const contentDimentions = contentEl.getBoundingClientRect();
   const contentWidth = contentDimentions.width;
   const contentHeight = contentDimentions.height;
@@ -28,7 +28,7 @@ export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLEle
   const targetWidth = (targetDim && targetDim.width) || 0;
   const targetHeight = (targetDim && targetDim.height) || 0;
 
-  const arrowEl = baseElm.querySelector('.popover-arrow');
+  const arrowEl = baseElm.querySelector('.popover-arrow') as HTMLElement;
 
   const arrowDim = arrowEl.getBoundingClientRect();
   const arrowWidth = arrowDim.width;
diff --git a/packages/core/src/components/popover/animations/md.enter.ts b/packages/core/src/components/popover/animations/md.enter.ts
index 99b746c755..0ef4b3ef4a 100644
--- a/packages/core/src/components/popover/animations/md.enter.ts
+++ b/packages/core/src/components/popover/animations/md.enter.ts
@@ -7,7 +7,7 @@ export default function mdEnterAnimation(Animation: Animation, baseElm: HTMLElem
   let originY = 'top';
   let originX = 'left';
 
-  const contentEl = baseElm.querySelector('.popover-content');
+  const contentEl = baseElm.querySelector('.popover-content') as HTMLElement;
   const contentDimentions = contentEl.getBoundingClientRect();
   const contentWidth = contentDimentions.width;
   const contentHeight = contentDimentions.height;
diff --git a/packages/core/src/components/searchbar/searchbar.tsx b/packages/core/src/components/searchbar/searchbar.tsx
index c8c20df971..ba1b242630 100644
--- a/packages/core/src/components/searchbar/searchbar.tsx
+++ b/packages/core/src/components/searchbar/searchbar.tsx
@@ -184,7 +184,7 @@ export class Searchbar {
    * based on whether there is a value in the searchbar or not.
    */
   inputBlurred() {
-    const inputEle = this.el.querySelector('.searchbar-input');
+    const inputEle = this.el.querySelector('.searchbar-input') as HTMLInputElement;
 
     // _shouldBlur determines if it should blur
     // if we are clearing the input we still want to stay focused in the input
@@ -240,8 +240,8 @@ export class Searchbar {
    */
   positionPlaceholder() {
     const isRTL = document.dir === 'rtl';
-    const inputEle = this.el.querySelector('.searchbar-input');
-    const iconEle = this.el.querySelector('.searchbar-search-icon');
+    const inputEle = this.el.querySelector('.searchbar-input') as HTMLInputElement;
+    const iconEle = this.el.querySelector('.searchbar-search-icon') as HTMLElement;
 
     if (this._shouldAlignLeft) {
       inputEle.removeAttribute('style');
@@ -279,7 +279,7 @@ export class Searchbar {
    */
   positionCancelButton() {
     const isRTL = document.dir === 'rtl';
-    const cancelButton = this.el.querySelector('.searchbar-ios-cancel');
+    const cancelButton = this.el.querySelector('.searchbar-ios-cancel') as HTMLElement;
     const shouldShowCancel = this.focused;
 
     if (shouldShowCancel !== this._isCancelVisible) {
diff --git a/packages/core/src/components/toast/animations/ios.enter.ts b/packages/core/src/components/toast/animations/ios.enter.ts
index 197542d6c4..3b67376bc3 100644
--- a/packages/core/src/components/toast/animations/ios.enter.ts
+++ b/packages/core/src/components/toast/animations/ios.enter.ts
@@ -7,7 +7,7 @@ export default function iosEnterAnimation(Animation: Animation, baseElm: HTMLEle
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();
-  const wrapperEle = 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 fe8c49c6c6..0bcba2ef18 100644
--- a/packages/core/src/components/toast/animations/ios.leave.ts
+++ b/packages/core/src/components/toast/animations/ios.leave.ts
@@ -7,7 +7,7 @@ export default function iosLeaveAnimation(Animation: Animation, baseElm: HTMLEle
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();
-  const wrapperEle = baseElm.querySelector('.toast-wrapper');
+  const wrapperEle = baseElm.querySelector('.toast-wrapper') as HTMLElement;
   wrapperAnimation.addElement(wrapperEle);
   switch (position) {
     case 'top':
diff --git a/packages/core/src/components/toast/animations/md.enter.ts b/packages/core/src/components/toast/animations/md.enter.ts
index 91cb8e6723..62d4b5011a 100644
--- a/packages/core/src/components/toast/animations/md.enter.ts
+++ b/packages/core/src/components/toast/animations/md.enter.ts
@@ -7,7 +7,7 @@ export default function mdEnterAnimation(Animation: Animation, baseElm: HTMLElem
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();
-  const wrapperEle = 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/md.leave.ts b/packages/core/src/components/toast/animations/md.leave.ts
index b47bae2a58..4330c4d934 100644
--- a/packages/core/src/components/toast/animations/md.leave.ts
+++ b/packages/core/src/components/toast/animations/md.leave.ts
@@ -7,7 +7,7 @@ export default function mdLeaveAnimation(Animation: Animation, baseElm: HTMLElem
   const baseAnimation = new Animation();
 
   const wrapperAnimation = new Animation();
-  const wrapperEle = baseElm.querySelector('.toast-wrapper');
+  const wrapperEle = baseElm.querySelector('.toast-wrapper') as HTMLElement;
   wrapperAnimation.addElement(wrapperEle);
 
   switch (position) {