diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index 2909383d90..e8851dd04e 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -2535,7 +2535,7 @@ input[type="checkbox"][readonly] {
     transition: background-color 0.1s ease-in-out; }
   .checkbox .handle:after {
     position: absolute;
-    top: 16px;
+    top: 37%;
     left: 14px;
     width: 14px;
     height: 7px;
diff --git a/scss/ionic/_checkbox.scss b/scss/ionic/_checkbox.scss
index d4f22ab776..c1fe71a9b1 100644
--- a/scss/ionic/_checkbox.scss
+++ b/scss/ionic/_checkbox.scss
@@ -22,10 +22,10 @@
   /* the checkmark within the box */
   .handle:after {
     position: absolute;
-    top: ($checkbox-height / 2) + 2;
+    top: 37%;
     left: $checkbox-width / 2;
     width: $checkbox-width / 2;
-    height: $checkbox-height / 4;
+    height: $checkbox-width / 4;
     border: $checkbox-check-width solid $checkbox-check-color;
     border-top: none;
     border-right: none;