diff --git a/src/scss/cdb-components/forms/color_bar.scss b/src/scss/cdb-components/forms/color_bar.scss
index 9e41642..0bfd1ff 100644
--- a/src/scss/cdb-components/forms/color_bar.scss
+++ b/src/scss/cdb-components/forms/color_bar.scss
@@ -111,4 +111,4 @@
 .CDB-ColorBar.CDB-ColorBar--spaceSmall:last-child {
   margin-right: 0;
   border-radius: 3px 6px 6px 3px;
-}
\ No newline at end of file
+}
diff --git a/src/scss/cdb-components/forms/option_input.scss b/src/scss/cdb-components/forms/option_input.scss
index b609508..4e0cd11 100644
--- a/src/scss/cdb-components/forms/option_input.scss
+++ b/src/scss/cdb-components/forms/option_input.scss
@@ -53,12 +53,12 @@
 <button type="button" class="CDB-OptionInput">
   <div class="CDB-OptionInput-container">
     <ul class="CDB-ColorBarContainer">
-      <li class="CDB-ColorBar u-rSpace" style="background-color: #9DE0AD;"></li>
-      <li class="CDB-ColorBar u-rSpace" style="background-color: #50E3C2;"></li>
-      <li class="CDB-ColorBar u-rSpace" style="background-color: #FFFFC0;"></li>
-      <li class="CDB-ColorBar u-rSpace" style="background-color: #7ED321;"></li>
-      <li class="CDB-ColorBar u-rSpace" style="background-color: #BD10E0;"></li>
-      <li class="CDB-ColorBar u-rSpace" style="background-color: #F15743;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #9DE0AD;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #50E3C2;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #FFFFC0;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #7ED321;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #BD10E0;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceSmall" style="background-color: #F15743;"></li>
     </ul>
   </div>
 </button>
@@ -69,10 +69,10 @@
 <button type="button" class="CDB-OptionInput">
   <div class="CDB-OptionInput-container">
     <ul class="CDB-ColorBarContainer">
-      <li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #9DE0AD;"></li>
-      <li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #50E3C2;"></li>
-      <li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #FFFFC0;"></li>
-      <li class="CDB-ColorBar CDB-ColorBar--compacted" style="background-color: #7ED321;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #9DE0AD;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #50E3C2;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #FFFFC0;"></li>
+      <li class="CDB-ColorBar CDB-ColorBar--spaceless" style="background-color: #7ED321;"></li>
     </ul>
   </div>
 </button>