diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css
index dd1d3ff855..4874deab05 100644
--- a/dist/css/ionic-scoped.css
+++ b/dist/css/ionic-scoped.css
@@ -2125,7 +2125,7 @@
       border-right: none;
       content: '';
       opacity: 0;
-      transition: opacity 0.1s ease-in-out;
+      transition: opacity 0.05s ease-in-out;
       -webkit-transform: rotate(-45deg);
       transform: rotate(-45deg); }
     .ionic .checkbox input:checked + .handle {
diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index a706ff95ca..8566cbb822 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -2588,7 +2588,7 @@ input[type="checkbox"][readonly] {
     border-right: none;
     content: '';
     opacity: 0;
-    transition: opacity 0.1s ease-in-out;
+    transition: opacity 0.05s ease-in-out;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg); }
   .checkbox input:checked + .handle {
diff --git a/scss/ionic/_checkbox.scss b/scss/ionic/_checkbox.scss
index c1fe71a9b1..20ab8f0723 100644
--- a/scss/ionic/_checkbox.scss
+++ b/scss/ionic/_checkbox.scss
@@ -31,7 +31,7 @@
     border-right: none;
     content: '';
     opacity: 0;
-    transition: opacity .1s ease-in-out;
+    transition: opacity .05s ease-in-out;
 
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
diff --git a/test/index.html b/test/index.html
index a2cb854266..53cb0be74b 100644
--- a/test/index.html
+++ b/test/index.html
@@ -28,6 +28,7 @@
           <p><a class="button button-block button-default" href="input-radio.html"><i class="icon-star-half-empty"></i> Input: Radio Buttons</a></p>
           <p><a class="button button-block button-default" href="input-range.html"><i class="icon-star"></i> Input: Range</a></p>
           <p><a class="button button-block button-default" href="input-select.html"><i class="icon-star-empty"></i> Input: Select</a></p>
+          <p><a class="button button-block button-default" href="input-checkbox.html"><i class="icon-star"></i> Input: Checkbox</a></p>
           <p><a class="button button-block button-default" href="input-toggle.html"><i class="icon-star-half-empty"></i> Input: Toggle</a></p>
           <p><a class="button button-block button-default" href="lists.html"><i class="icon-star-half-empty"></i> Lists</a></p>
           <p><a class="button button-block button-default" href="modals.html"><i class="icon-star-empty"></i> Modals</a></p>
diff --git a/test/input-checkbox.html b/test/input-checkbox.html
new file mode 100644
index 0000000000..12d5d4bf65
--- /dev/null
+++ b/test/input-checkbox.html
@@ -0,0 +1,42 @@
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Input: Checkbox</title>
+
+    <!-- Sets initial viewport load and disables zooming  -->
+    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
+    <link href="../dist/css/ionic.css" rel="stylesheet">
+  </head>
+  <body>
+
+    <header class="bar bar-header bar-dark">
+      <h1 class="title">Input: Checkbox</h1>
+    </header>
+
+    <div class="content-wrapper">
+
+      <main class="content has-header">
+        
+        <ul class="list">
+          <li class="list-item">
+            Airplane Mode
+            <label class="checkbox" id="airplaneMode">
+               <input type="checkbox" name="airplaneMode">
+               <div class="handle"></div>
+            </label>
+          </li>
+          <li class="list-item">
+            Do Not Disturb
+            <label class="checkbox" id="doNotDisturb">
+               <input type="checkbox" name="doNotDisturb" checked="checked">
+               <div class="handle"></div>
+            </label>
+          </li>
+        </ul>
+
+      </main>
+
+    </div>
+
+  </body>
+</html>
