diff --git a/src/components/mdCheckbox/mdCheckbox.scss b/src/components/mdCheckbox/mdCheckbox.scss
index e965e3a..f7e7bfa 100644
--- a/src/components/mdCheckbox/mdCheckbox.scss
+++ b/src/components/mdCheckbox/mdCheckbox.scss
@@ -8,6 +8,7 @@ $checkbox-ripple-size: 48px;
   margin: 16px 8px 16px 0;
   display: inline-flex;
   position: relative;
+  transform: translate3D(0, 0, 0);
 
   .md-checkbox-container {
     width: $checkbox-size;
diff --git a/src/docs/pages/Checkbox.vue b/src/docs/pages/Checkbox.vue
index 9ba4e75..86803cf 100644
--- a/src/docs/pages/Checkbox.vue
+++ b/src/docs/pages/Checkbox.vue
@@ -26,7 +26,7 @@
       <md-checkbox id="my-test5" name="my-test5" v-model="checkbox" disabled>Disabled</md-checkbox>
     </div>
 
-    {{ checkbox }}
+    <span>{{ checkbox }}</span>
   </section>
 </template>