diff --git a/core/modules/quickedit/css/quickedit.theme.css b/core/modules/quickedit/css/quickedit.theme.css
index 2c0d8c4..85c34f2 100644
--- a/core/modules/quickedit/css/quickedit.theme.css
+++ b/core/modules/quickedit/css/quickedit.theme.css
@@ -49,30 +49,30 @@
 /**
  * Animations.
  */
-.quickedit-toolgroup.animate-invisible {
+.quickedit-toolgroup--animate-invisible {
   opacity: 0;
 }
-.quickedit-toolgroup.animate-default {
+.quickedit-toolgroup--animate-default {
   -webkit-transition: all 0.4s ease;
   transition: all 0.4s ease;
 }
-.quickedit-toolgroup.animate-slow {
+.quickedit-toolgroup--animate-slow {
   -webkit-transition: all 0.6s ease;
   transition: all 0.6s ease;
 }
-.quickedit-toolgroup.animate-delay-veryfast {
+.quickedit-toolgroup--animate-delay-veryfast {
   -webkit-transition-delay: 0.05s;
   transition-delay: 0.05s;
 }
-.quickedit-toolgroup.animate-delay-fast {
+.quickedit-toolgroup--animate-delay-fast {
   -webkit-transition-delay: 0.2s;
   transition-delay: 0.2s;
 }
-.quickedit-toolgroup.animate-disable-width {
+.quickedit-toolgroup--animate-disable-width {
   -webkit-transition: width 0s;
   transition: width 0s;
 }
-.quickedit-toolgroup.animate-only-visibility {
+.quickedit-toolgroup--animate-only-visibility {
   -webkit-transition: opacity 0.2s ease;
   transition: opacity 0.2s ease;
 }
diff --git a/core/modules/quickedit/js/views/EntityToolbarView.js b/core/modules/quickedit/js/views/EntityToolbarView.js
index b8b8c5f..3f6edb3 100644
--- a/core/modules/quickedit/js/views/EntityToolbarView.js
+++ b/core/modules/quickedit/js/views/EntityToolbarView.js
@@ -520,7 +520,7 @@
      *   A toolgroup name.
      */
     show: function (toolgroup) {
-      this.$el.removeClass('animate-invisible');
+      this.$el.removeClass('quickedit-toolgroup--animate-invisible');
     }
 
   });
diff --git a/core/modules/quickedit/js/views/FieldDecorationView.js b/core/modules/quickedit/js/views/FieldDecorationView.js
index d7e576b..2254a1c 100644
--- a/core/modules/quickedit/js/views/FieldDecorationView.js
+++ b/core/modules/quickedit/js/views/FieldDecorationView.js
@@ -240,7 +240,7 @@
       if (this.$el[0].style.width === "") {
         this._widthAttributeIsEmpty = true;
         this.$el
-          .addClass('animate-disable-width')
+          .addClass('quickedit-toolgroup--animate-disable-width')
           .css('width', this.$el.width());
       }
 
@@ -248,7 +248,7 @@
       var posProp = this._getPositionProperties(this.$el);
       setTimeout(function () {
         // Re-enable width animations (padding changes affect width too!).
-        self.$el.removeClass('animate-disable-width');
+        self.$el.removeClass('quickedit-toolgroup--animate-disable-width');
 
         // Pad the editable.
         self.$el
@@ -279,7 +279,7 @@
       // 1) Set the empty width again.
       if (this._widthAttributeIsEmpty) {
         this.$el
-          .addClass('animate-disable-width')
+          .addClass('quickedit-toolgroup--animate-disable-width')
           .css('width', '');
       }
 
@@ -288,7 +288,7 @@
       var posProp = this._getPositionProperties(this.$el);
       setTimeout(function () {
         // Re-enable width animations (padding changes affect width too!).
-        self.$el.removeClass('animate-disable-width');
+        self.$el.removeClass('quickedit-toolgroup--animate-disable-width');
 
         // Unpad the editable.
         self.$el
diff --git a/core/modules/quickedit/js/views/FieldToolbarView.js b/core/modules/quickedit/js/views/FieldToolbarView.js
index 6396bd7..fa54581 100644
--- a/core/modules/quickedit/js/views/FieldToolbarView.js
+++ b/core/modules/quickedit/js/views/FieldToolbarView.js
@@ -138,12 +138,12 @@
       this.$el
         .append(Drupal.theme('quickeditToolgroup', {
           id: this.getFloatedWysiwygToolgroupId(),
-          classes: ['quickedit-toolbar__wysiwyg-floated', 'animate-slow', 'animate-invisible', 'animate-delay-veryfast'],
+          classes: ['quickedit-toolbar__wysiwyg-floated', 'quickedit-toolgroup--animate-slow', 'quickedit-toolgroup--animate-invisible', 'quickedit-toolgroup--animate-delay-veryfast'],
           buttons: []
         }))
         .append(Drupal.theme('quickeditToolgroup', {
           id: this.getMainWysiwygToolgroupId(),
-          classes: ['quickedit-toolbar__wysiwyg-main', 'animate-slow', 'animate-invisible', 'animate-delay-veryfast'],
+          classes: ['quickedit-toolbar__wysiwyg-main', 'quickedit-toolgroup--animate-slow', 'quickedit-toolgroup--animate-invisible', 'quickedit-toolgroup--animate-delay-veryfast'],
           buttons: []
         }));
 
@@ -218,7 +218,7 @@
       // the next animation frame or the event handler attached above won't be
       // triggered.
       window.setTimeout(function () {
-        $group.removeClass('animate-invisible');
+        $group.removeClass('quickedit-toolgroup--animate-invisible');
       }, 0);
     }