diff --git a/scss/_checkbox.scss b/scss/_checkbox.scss
index 54113735079..3154d3e4ce7 100644
--- a/scss/_checkbox.scss
+++ b/scss/_checkbox.scss
@@ -130,3 +130,14 @@ input:checked + .checkbox-icon:after {
   z-index: $z-index-item-checkbox;
   margin-top: (($checkbox-height + ($checkbox-height / 2)) / 2) * -1;
 }
+
+
+.item-checkbox.item-checkbox-right {
+  padding-right: ($item-padding * 2) + $checkbox-width;
+  padding-left: $item-padding;
+}
+
+.item-checkbox-right .checkbox input,
+.item-checkbox-right .checkbox-icon {
+  float: right;
+}
\ No newline at end of file
diff --git a/test/css/input-checkbox.html b/test/css/input-checkbox.html
index 9ddf8920d6a..43b9d4f62e6 100644
--- a/test/css/input-checkbox.html
+++ b/test/css/input-checkbox.html
@@ -12,7 +12,7 @@ <h1 class="title">Input: Checkbox</h1>
     </header>
 
     <main class="content has-header">
-      
+
       <ul class="list">
         <li class="item item-checkbox">
            <label class="checkbox">
@@ -38,6 +38,12 @@ <h1 class="title">Input: Checkbox</h1>
            </label>
            Plutonium Resupply
         </li>
+        <li class="item item-checkbox item-checkbox-right">
+           <label class="checkbox">
+             <input type="checkbox">
+           </label>
+           Right side checkbox
+        </li>
       </ul>
 
       <div class="padding">