diff --git a/core/modules/color/templates/color-scheme-form.html.twig b/core/modules/color/templates/color-scheme-form.html.twig
index 96a4266..3c6fdd0 100644
--- a/core/modules/color/templates/color-scheme-form.html.twig
+++ b/core/modules/color/templates/color-scheme-form.html.twig
@@ -17,7 +17,7 @@
 #}
 <div class="color-form clearfix">
   {{ form.scheme }}
-  <div class="clearfix js-color-palette">
+  <div class="clearfix color-palette js-color-palette">
     {{ form.palette }}
   </div>
   {{ form|without('scheme', 'palette') }}
diff --git a/core/themes/bartik/css/colors.css b/core/themes/bartik/css/colors.css
index a0ce6c0..a8b5562 100644
--- a/core/themes/bartik/css/colors.css
+++ b/core/themes/bartik/css/colors.css
@@ -56,14 +56,14 @@ a:active,
 
 /* ---------- Color Form ----------- */
 
-[dir="rtl"] .color-form .js-color-palette {
+[dir="rtl"] .color-form .color-palette {
   margin-left: 0;
   margin-right: 20px;
 }
 [dir="rtl"] .color-form .form-item label {
   float: right;
 }
-[dir="rtl"] .color-form .js-color-palette .lock {
+[dir="rtl"] .color-form .color-palette .lock {
   right: -20px;
   left: 0;
 }