diff --git a/core/src/components/action-sheet/action-sheet.scss b/core/src/components/action-sheet/action-sheet.scss
index 75f5e08a69..5d4e22f3de 100644
--- a/core/src/components/action-sheet/action-sheet.scss
+++ b/core/src/components/action-sheet/action-sheet.scss
@@ -4,15 +4,12 @@
 // --------------------------------------------------
 
 ion-action-sheet {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: fixed;
   z-index: $z-index-overlay;
   display: block;
 
-  width: $action-sheet-width;
-  height: $action-sheet-width;
-
   touch-action: none;
 
   font-smoothing: antialiased;
diff --git a/core/src/components/app/app.scss b/core/src/components/app/app.scss
index 7b504b7657..e66b9c19d9 100644
--- a/core/src/components/app/app.scss
+++ b/core/src/components/app/app.scss
@@ -159,15 +159,12 @@ ion-tab,
 ion-tabs,
 ion-nav,
 .ion-page {
-  @include position(0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
   z-index: $z-index-page-container;
   overflow: hidden;
 
-  width: 100%;
-  height: 100%;
-
   contain: layout size style;
 }
 
@@ -192,7 +189,7 @@ $navigation-ios-transition-background: #000 !default;
 }
 
 .show-decor > .nav-decor {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   // when ios pages transition, the leaving page grays out
   // this is the black square behind all pages so they gray out
@@ -200,9 +197,6 @@ $navigation-ios-transition-background: #000 !default;
   z-index: 0;
   display: block;
 
-  width: 100%;
-  height: 100%;
-
   background: $navigation-ios-transition-background;
 
   pointer-events: none;
diff --git a/core/src/components/backdrop/backdrop.scss b/core/src/components/backdrop/backdrop.scss
index 9530600a2f..518a2f89b6 100644
--- a/core/src/components/backdrop/backdrop.scss
+++ b/core/src/components/backdrop/backdrop.scss
@@ -4,15 +4,12 @@
 // --------------------------------------------------
 
 ion-backdrop {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
   z-index: $z-index-backdrop;
   display: block;
 
-  width: 100%;
-  height: 100%;
-
   cursor: pointer;
   opacity: .01;
   transform: translateZ(0);
diff --git a/core/src/components/checkbox/checkbox.scss b/core/src/components/checkbox/checkbox.scss
index e3a4670e65..322b94d1cc 100644
--- a/core/src/components/checkbox/checkbox.scss
+++ b/core/src/components/checkbox/checkbox.scss
@@ -9,14 +9,11 @@ ion-checkbox {
 }
 
 ion-checkbox input {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
   @include margin(0);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   border: 0;
   background: transparent;
   cursor: pointer;
diff --git a/core/src/components/datetime/datetime.scss b/core/src/components/datetime/datetime.scss
index cdd73fe025..965f57a8b7 100644
--- a/core/src/components/datetime/datetime.scss
+++ b/core/src/components/datetime/datetime.scss
@@ -11,13 +11,10 @@ ion-datetime {
 }
 
 .datetime-cover {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   border: 0;
 
   background: transparent;
diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss
index 9cd14ddf2f..438b3de73b 100644
--- a/core/src/components/input/input.scss
+++ b/core/src/components/input/input.scss
@@ -63,12 +63,9 @@ input.native-input:-webkit-autofill {
 // The input cover is not clickable when the input is disabled
 
 .input-cover {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
-
-  width: 100%;
-  height: 100%;
 }
 
 .input[disabled] .input-cover {
diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss
index 5a1c2dfe7a..527efccf51 100644
--- a/core/src/components/item/item.scss
+++ b/core/src/components/item/item.scss
@@ -75,13 +75,10 @@ ion-item-group {
 }
 
 .item-cover {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   background: transparent;
   cursor: pointer;
 }
diff --git a/core/src/components/modal/modal.scss b/core/src/components/modal/modal.scss
index 56daa78f5d..280596b17c 100644
--- a/core/src/components/modal/modal.scss
+++ b/core/src/components/modal/modal.scss
@@ -4,15 +4,12 @@
 // --------------------------------------------------
 
 ion-modal {
-  @include position(0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
 
   display: block;
 
-  width: 100%;
-  height: 100%;
-
   contain: strict;
 }
 
diff --git a/core/src/components/radio/radio.scss b/core/src/components/radio/radio.scss
index d904a2ab8f..ea217d0910 100644
--- a/core/src/components/radio/radio.scss
+++ b/core/src/components/radio/radio.scss
@@ -11,14 +11,11 @@ ion-radio {
 }
 
 ion-radio input {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
   @include margin(0);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   border: 0;
   background: transparent;
   cursor: pointer;
diff --git a/core/src/components/select/select.scss b/core/src/components/select/select.scss
index 852b853a3c..364f29a857 100644
--- a/core/src/components/select/select.scss
+++ b/core/src/components/select/select.scss
@@ -14,13 +14,10 @@ ion-select {
 }
 
 .select-cover {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   border: 0;
 
   background: transparent;
diff --git a/core/src/components/spinner/spinner.scss b/core/src/components/spinner/spinner.scss
index 730040f91c..4c3e8e27ae 100644
--- a/core/src/components/spinner/spinner.scss
+++ b/core/src/components/spinner/spinner.scss
@@ -12,13 +12,10 @@ ion-spinner {
 }
 
 ion-spinner svg {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   transform: translateZ(0);
 }
 
diff --git a/core/src/components/tabs/tabs.scss b/core/src/components/tabs/tabs.scss
index c00449b044..796d8be665 100644
--- a/core/src/components/tabs/tabs.scss
+++ b/core/src/components/tabs/tabs.scss
@@ -1,7 +1,7 @@
 @import "../../themes/ionic.globals";
 
 ion-tabs {
-  @include position(0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
 
diff --git a/core/src/components/title/title.ios.scss b/core/src/components/title/title.ios.scss
index 907d2bceb2..e58e7fb07b 100644
--- a/core/src/components/title/title.ios.scss
+++ b/core/src/components/title/title.ios.scss
@@ -5,14 +5,11 @@
 // --------------------------------------------------
 
 .toolbar-ios ion-title {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
   @include padding(0, 90px, 1px);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   transform: translateZ(0);
 
   pointer-events: none;
diff --git a/core/src/components/toggle/toggle.scss b/core/src/components/toggle/toggle.scss
index 2e860e336c..0b40ebdfc6 100644
--- a/core/src/components/toggle/toggle.scss
+++ b/core/src/components/toggle/toggle.scss
@@ -45,14 +45,11 @@ ion-toggle ion-gesture {
 }
 
 ion-toggle input {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
   @include margin(0);
 
   position: absolute;
 
-  width: 100%;
-  height: 100%;
-
   background: transparent;
   cursor: pointer;
   border: 0;
diff --git a/core/src/components/toolbar/toolbar.scss b/core/src/components/toolbar/toolbar.scss
index eb2d3694ec..9aec770222 100644
--- a/core/src/components/toolbar/toolbar.scss
+++ b/core/src/components/toolbar/toolbar.scss
@@ -28,14 +28,11 @@ ion-toolbar ion-title {
 }
 
 .toolbar-background {
-  @include position(0, null, null, 0);
+  @include position(0, 0, 0, 0);
 
   position: absolute;
   z-index: $z-index-toolbar-background;
 
-  width: 100%;
-  height: 100%;
-
   border: 0;
   transform: translateZ(0);