diff --git a/core/src/components/tabbar/tabbar.scss b/core/src/components/tabbar/tabbar.scss
index 0592f71c84..ac8415d513 100644
--- a/core/src/components/tabbar/tabbar.scss
+++ b/core/src/components/tabbar/tabbar.scss
@@ -34,7 +34,7 @@
 
 @supports (padding-top: env(safe-area-inset-top)) {
   :host(.placement-bottom) {
-    padding-bottom: env(safe-area-inset-bottom);
+    @include padding(null, null, env(safe-area-inset-bottom));
   }
 }
 
diff --git a/core/stencil.config.js b/core/stencil.config.ts
similarity index 90%
rename from core/stencil.config.js
rename to core/stencil.config.ts
index 42245c1977..77418df72d 100644
--- a/core/stencil.config.js
+++ b/core/stencil.config.ts
@@ -1,6 +1,7 @@
-const sass = require('@stencil/sass');
+import { Config } from '@stencil/core';
+import sass from '@stencil/sass';
 
-exports.config = {
+export const config: Config = {
   namespace: 'Ionic',
   bundles: [
     { components: ['ion-action-sheet', 'ion-action-sheet-controller'] },
@@ -29,8 +30,8 @@ exports.config = {
     { components: ['ion-note', 'ion-img', 'ion-text'] },
     { components: ['ion-popover', 'ion-popover-controller'] },
     { components: ['ion-radio', 'ion-radio-group'] },
-    { components: ['ion-range', 'ion-range-knob']},
-    { components: ['ion-refresher', 'ion-refresher-content']},
+    { components: ['ion-range', 'ion-range-knob'] },
+    { components: ['ion-refresher', 'ion-refresher-content'] },
     { components: ['ion-reorder', 'ion-reorder-group'] },
     { components: ['ion-ripple-effect'] },
     { components: ['ion-router', 'ion-route', 'ion-route-redirect', 'ion-router-outlet'] },
@@ -53,8 +54,7 @@ exports.config = {
       type: 'dist'
     },
     {
-      type: 'stats',
-      file: 'stats.json'
+      type: 'stats'
     }
   ],
   copy: [{ src: '**/*.scss' }],
@@ -62,8 +62,3 @@ exports.config = {
   globalScript: 'src/global/ionic-global.ts',
   enableCache: true,
 };
-
-exports.devServer = {
-  root: '.',
-  watchGlob: ['dist/*.*', 'dist/ionic/**/**', 'src/**/*.html']
-};