diff --git a/core/modules/quickedit/css/quickedit.icons.theme.css b/core/modules/quickedit/css/quickedit.icons.theme.css
index 7845416..ced33b7 100644
--- a/core/modules/quickedit/css/quickedit.icons.theme.css
+++ b/core/modules/quickedit/css/quickedit.icons.theme.css
@@ -3,22 +3,22 @@
  * Icons for Quick Edit module.
  */
 
-.quickedit .icon {
+.quickedit .quickedit-icon {
   min-height: 1em;
   min-width: 2.5em;
   position: relative;
 }
-.quickedit .icon.icon-only {
+.quickedit .quickedit-icon.quickedit-icon--only {
   text-indent: -9999px;
 }
-.quickedit .icon.icon-end {
+.quickedit .quickedit-icon.quickedit-icon--end {
   padding-right: 2.5em; /* LTR */
 }
-[dir="rtl"] .quickedit .icon.icon-end {
+[dir="rtl"] .quickedit .quickedit-icon.quickedit-icon--end {
   padding-left: 2.5em;
   padding-right: 0;
 }
-.quickedit .icon:before {
+.quickedit .quickedit-icon:before {
   background-attachment: scroll;
   background-color: transparent;
   background-position: center center;
@@ -31,43 +31,40 @@
   top: 0;
   width: 100%;
 }
-[dir="rtl"] .quickedit .icon:before {
+[dir="rtl"] .quickedit .quickedit-icon:before {
   left: auto;
   right: 0;
 }
-.quickedit .icon-end:before {
+.quickedit .quickedit-icon--end:before {
   left: auto; /* LTR */
   right: 0.5em; /* LTR */
   width: 18px;
 }
-[dir="rtl"] .quickedit .icon-end:before {
+[dir="rtl"] .quickedit .quickedit-icon--end:before {
   left: 0.5em;
   right: auto;
 }
-.quickedit button.icon {
+.quickedit button.quickedit-icon {
   font-size: 1em;
 }
-.quickedit .icon-pencil {
-  margin-left: .5em;
+.quickedit .quickedit-icon--pencil {
+  margin-left: 0.5em;
   padding-left: 1.5em;
 }
 
-/**
- * Images.
- */
-.quickedit .icon-close:before {
+.quickedit .quickedit-icon--close:before {
   background-image: url(../../../misc/icons/787878/ex.svg);
   height: 12px;
   top: 10px;
 }
-.quickedit .icon-close:hover:before,
-.quickedit .icon-close:active:before {
+.quickedit .quickedit-icon--close:hover:before,
+.quickedit .quickedit-icon--close:active:before {
   background-image: url(../../../misc/icons/000000/ex.svg);
 }
-.quickedit .icon-throbber:before {
+.quickedit .quickedit-icon--throbber:before {
   background-image: url(../images/icon-throbber.gif);
 }
-.quickedit .icon-pencil:before {
+.quickedit .quickedit-icon--pencil:before {
   background-image: url(../../../misc/icons/5181c6/pencil.svg);
   background-position: left center;
   background-size: 1.3em;
diff --git a/core/modules/quickedit/css/quickedit.module.css b/core/modules/quickedit/css/quickedit.module.css
index 8ac9a55..bc9e8b1 100644
--- a/core/modules/quickedit/css/quickedit.module.css
+++ b/core/modules/quickedit/css/quickedit.module.css
@@ -25,11 +25,11 @@
 .quickedit-editable.quickedit-highlighted {
   z-index: 99;
 }
-.quickedit-validation-errors > .messages {
+.quickedit__validation-errors > .messages {
   margin-left: 0;
   margin-right: 0;
 }
-.quickedit-validation-errors > .messages > ul {
+.quickedit__validation-errors > .messages > ul {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -38,18 +38,18 @@
 /**
  * In-place editors that don't use a popup.
  */
-.quickedit-validation-errors {
+.quickedit__validation-errors {
   z-index: 300;
   position: relative;
 }
-.quickedit-validation-errors .messages.error {
+.quickedit__validation-errors .messages.error {
   position: absolute;
   top: 6px;
   left: -5px; /* LTR */
   margin: 0;
   border: none;
 }
-[dir="rtl"] .quickedit-validation-errors .messages.error {
+[dir="rtl"] .quickedit__validation-errors .messages.error {
   left: auto;
   right: -5px;
 }
@@ -57,9 +57,6 @@
 /**
  * Styling specific to the 'form' in-place editor.
  */
-#quickedit_backstage {
-  display: none;
-}
 .quickedit-form {
   position: absolute;
   z-index: 300;
@@ -85,15 +82,15 @@
 /**
  * Entity toolbar.
  */
-.quickedit-toolbar-container {
+.quickedit-toolbar__container {
   max-width: 100%;
   position: absolute;
   max-width: 320px;
   width: 320px;
   z-index: 100;
 }
-.quickedit-toolbar-container > .quickedit-toolbar-pointer,
-.quickedit-toolbar-container > .quickedit-toolbar-lining {
+.quickedit-toolbar__container > .quickedit-toolbar__pointer,
+.quickedit-toolbar__container > .quickedit-toolbar__lining {
   display: none;
 }
 .quickedit-form-container {
@@ -104,16 +101,16 @@
   vertical-align: baseline;
   z-index: 100;
 }
-.quickedit-toolgroup.ops {
+.quickedit-toolgroup.quickedit-toolgroup--ops {
   float: right; /* LTR */
 }
-[dir="rtl"] .quickedit-toolgroup.ops {
+[dir="rtl"] .quickedit-toolgroup.quickedit-toolgroup--ops {
   float: left;
 }
-.quickedit-toolbar-label {
+.quickedit-toolbar__label {
   overflow: hidden;
 }
-#quickedit-toolbar-fence {
+.quickedit-fence {
   bottom: 0;
   left: 0;
   right: 0;
diff --git a/core/modules/quickedit/css/quickedit.theme.css b/core/modules/quickedit/css/quickedit.theme.css
index 8d9e198..e005500 100644
--- a/core/modules/quickedit/css/quickedit.theme.css
+++ b/core/modules/quickedit/css/quickedit.theme.css
@@ -45,45 +45,45 @@
   margin: 0;
 }
 .quickedit-form .form-wrapper {
-  margin: .5em;
+  margin: 0.5em;
 }
 
 /**
  * Animations.
  */
-.quickedit-animate-invisible {
+.quickedit-toolgroup.animate-invisible {
   opacity: 0;
 }
-.quickedit-animate-default {
-  -webkit-transition: all .4s ease;
-  transition: all .4s ease;
+.quickedit-toolgroup.animate-default {
+  -webkit-transition: all 0.4s ease;
+  transition: all 0.4s ease;
 }
-.quickedit-animate-slow {
-  -webkit-transition: all .6s ease;
-  transition: all .6s ease;
+.quickedit-toolgroup.animate-slow {
+  -webkit-transition: all 0.6s ease;
+  transition: all 0.6s ease;
 }
-.quickedit-animate-delay-veryfast {
-  -webkit-transition-delay: .05s;
-  transition-delay: .05s;
+.quickedit-toolgroup.animate-delay-veryfast {
+  -webkit-transition-delay: 0.05s;
+  transition-delay: 0.05s;
 }
-.quickedit-animate-delay-fast {
-  -webkit-transition-delay: .2s;
-  transition-delay: .2s;
+.quickedit-toolgroup.animate-delay-fast {
+  -webkit-transition-delay: 0.2s;
+  transition-delay: 0.2s;
 }
-.quickedit-animate-disable-width {
+.quickedit-toolgroup.animate-disable-width {
   -webkit-transition: width 0s;
   transition: width 0s;
 }
-.quickedit-animate-only-visibility {
-  -webkit-transition: opacity .2s ease;
-  transition: opacity .2s ease;
+.quickedit-toolgroup.animate-only-visibility {
+  -webkit-transition: opacity 0.2s ease;
+  transition: opacity 0.2s ease;
 }
 
 /**
  * In-place editors that don't use a popup.
  */
-.quickedit-validation-errors .messages.error {
-  box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, .5);
+.quickedit__validation-errors .messages.error {
+  box-shadow: 0 0 1px 1px red, 0 0 3px 3px rgba(153, 153, 153, 0.5);
   background-color: white;
 }
 
@@ -98,14 +98,14 @@
 /**
  * Toolbars.
  */
-.quickedit-toolbar-container {
+.quickedit-toolbar__container {
   font-family: 'Source Sans Pro','Lucida Grande', sans-serif;
   padding-bottom: 7px;
   padding-top: 7px;
   -webkit-transition: all 1s;
   transition: all 1s;
 }
-.quickedit-toolbar-container > .quickedit-toolbar-content {
+.quickedit-toolbar__container > .quickedit-toolbar__content {
   background-image: -webkit-linear-gradient(top, #fff, #e4e4e4);
   background-image:   linear-gradient(to bottom, #fff, #e4e4e4);
   box-sizing: border-box;
@@ -118,7 +118,7 @@
   user-select: none;
   z-index: 2;
 }
-.quickedit-toolbar-container > .quickedit-toolbar-pointer {
+.quickedit-toolbar__container > .quickedit-toolbar__pointer {
   background-color: #e4e4e4;
   bottom: 2px;
   box-shadow: 0 0 0 1px #818181, 0px 0px 0 4px rgba(150, 150, 150, 0.5);
@@ -132,15 +132,15 @@
   width: 16px;
   z-index: 1;
 }
-[dir="rtl"] .quickedit-toolbar-container > .quickedit-toolbar-pointer {
+[dir="rtl"] .quickedit-toolbar__container > .quickedit-toolbar__pointer {
   left: auto;
   right: 18px;
 }
-.quickedit-toolbar-container.quickedit-toolbar-pointer-top > .quickedit-toolbar-pointer {
+.quickedit-toolbar__container.quickedit-toolbar__pointer--top > .quickedit-toolbar__pointer {
   bottom: auto;
   top: 2px;
 }
-.quickedit-toolbar-container > .quickedit-toolbar-lining {
+.quickedit-toolbar__container > .quickedit-toolbar__lining {
   bottom: 7px;
   box-shadow: 0 0 0 1px #818181, 0px 3px 0px 1px rgba(150, 150, 150, 0.5);
   display: block;
@@ -151,14 +151,14 @@
   z-index: 0;
 }
 
-.quickedit-toolbar-label {
+.quickedit-toolbar__label {
   font-style: italic;
   overflow: hidden;
   padding: 0.333em 0.4em;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.quickedit-toolbar-label .field:after {
+.quickedit-toolbar__label .field:after {
   content: ' → ';
 }
 
@@ -166,28 +166,28 @@
 .quickedit-toolbar {
   font-family: 'Droid sans', 'Lucida Grande', sans-serif;
 }
-.quickedit-toolbar-entity {
+.quickedit-toolbar__entity {
   padding: 0.1667em 0.2em;
 }
 
  /**
   * Info toolgroup.
   */
-.quickedit-toolbar-fullwidth {
+.quickedit-toolbar--fullwidth {
   width: 100%;
 }
-.quickedit-toolgroup.wysiwyg-floated {
+.quickedit-toolbar .quickedit-toolbar__wysiwyg-floated {
   float: right; /* LTR */
 }
-[dir="rtl"] .quickedit-toolgroup.wysiwyg-floated {
+[dir="rtl"] .quickedit-toolbar .quickedit-toolbar__wysiwyg-floated {
   float: left;
 }
-.quickedit-toolgroup.wysiwyg-main {
+.quickedit-toolbar .quickedit-toolbar__wysiwyg-main {
   clear: both;
   width: 100%;
   padding-left: 0; /* LTR */
 }
-[dir="rtl"] .quickedit-toolgroup.wysiwyg-main {
+[dir="rtl"] .quickedit-toolbar .quickedit-toolbar__wysiwyg-main {
   padding-left: 0;
   padding-right: 0;
 }
@@ -204,8 +204,8 @@
   margin: 0;
   opacity: 1;
   padding: 0.345em;
-  -webkit-transition: opacity .1s ease;
-  transition: opacity .1s ease;
+  -webkit-transition: opacity 0.1s ease;
+  transition: opacity 0.1s ease;
 }
 .quickedit-button[aria-hidden="true"] {
   visibility: hidden;
@@ -225,24 +225,24 @@
   border: 1px solid #a0a0a0;
   color: #2e2e2e;
 }
-.quickedit-toolbar-container .quickedit-button.action-cancel {
+.quickedit-toolbar__container .quickedit-button.quickedit-button--cancel {
   background-color: transparent;
   border: 1px solid transparent;
 }
-.quickedit-button.action-save {
+.quickedit-button.quickedit-button--save {
   color: white;
   background-color: #50a0e9;
   background-image: -webkit-linear-gradient(top, #50a0e9, #4481dc);
   background-image:   linear-gradient(to bottom, #50a0e9, #4481dc);
   border: 1px solid transparent;
 }
-.quickedit-button.action-save:hover,
-.quickedit-button.action-save:active {
+.quickedit-button.quickedit-button--save:hover,
+.quickedit-button.quickedit-button--save:active {
   border: 1px solid #a0a0a0;
 }
-.quickedit-button.action-saving,
-.quickedit-button.action-saving:hover,
-.quickedit-button.action-saving:active {
+.quickedit-button.quickedit-button--saving,
+.quickedit-button.quickedit-button--saving:hover,
+.quickedit-button.quickedit-button--saving:active {
   background-color: #e4e4e4;
   background-image: none;
   border-color: #d2d2d2;
diff --git a/core/modules/quickedit/js/editors/formEditor.js b/core/modules/quickedit/js/editors/formEditor.js
index 4a5468e..5df2746 100644
--- a/core/modules/quickedit/js/editors/formEditor.js
+++ b/core/modules/quickedit/js/editors/formEditor.js
@@ -244,7 +244,7 @@
     showValidationErrors: function () {
       this.$formContainer
         .find('.quickedit-form')
-        .addClass('quickedit-validation-error')
+        .addClass('quickedit__validation-error')
         .find('form')
         .prepend(this.model.get('validationErrors'));
     }
diff --git a/core/modules/quickedit/js/theme.js b/core/modules/quickedit/js/theme.js
index 8d47b10..af61110 100644
--- a/core/modules/quickedit/js/theme.js
+++ b/core/modules/quickedit/js/theme.js
@@ -35,14 +35,14 @@
    */
   Drupal.theme.quickeditEntityToolbar = function (settings) {
     var html = '';
-    html += '<div id="' + settings.id + '" class="quickedit quickedit-toolbar-container clearfix">';
-    html += '<i class="quickedit-toolbar-pointer"></i>';
-    html += '<div class="quickedit-toolbar-content">';
-    html += '<div class="quickedit-toolbar quickedit-toolbar-entity clearfix icon icon-pencil">';
-    html += '<div class="quickedit-toolbar-label" />';
+    html += '<div id="' + settings.id + '" class="quickedit quickedit-toolbar__container clearfix">';
+    html += '<i class="quickedit-toolbar__pointer"></i>';
+    html += '<div class="quickedit-toolbar__content">';
+    html += '<div class="quickedit-toolbar quickedit-toolbar__entity quickedit-icon quickedit-icon--pencil clearfix">';
+    html += '<div class="quickedit-toolbar__label" />';
     html += '</div>';
-    html += '<div class="quickedit-toolbar quickedit-toolbar-field clearfix" />';
-    html += '</div><div class="quickedit-toolbar-lining"></div></div>';
+    html += '<div class="quickedit-toolbar quickedit-toolbar__field clearfix" />';
+    html += '</div><div class="quickedit-toolbar__lining"></div></div>';
     return html;
   };
 
@@ -69,7 +69,7 @@
    *   The corresponding HTML.
    */
   Drupal.theme.quickeditEntityToolbarFence = function () {
-    return '<div id="quickedit-toolbar-fence" />';
+    return '<div class="quickedit-fence" />';
   };
 
   /**
diff --git a/core/modules/quickedit/js/views/EditorView.js b/core/modules/quickedit/js/views/EditorView.js
index 921bd65..ea2e6f2 100644
--- a/core/modules/quickedit/js/views/EditorView.js
+++ b/core/modules/quickedit/js/views/EditorView.js
@@ -276,10 +276,10 @@
      * Should be called when the state is changed to 'invalid'.
      */
     showValidationErrors: function () {
-      var $errors = $('<div class="quickedit-validation-errors"></div>')
+      var $errors = $('<div class="quickedit__validation-errors"></div>')
         .append(this.model.get('validationErrors'));
       this.getEditedElement()
-        .addClass('quickedit-validation-error')
+        .addClass('quickedit__validation-error')
         .after($errors);
     },
 
@@ -293,8 +293,8 @@
      */
     removeValidationErrors: function () {
       this.getEditedElement()
-        .removeClass('quickedit-validation-error')
-        .next('.quickedit-validation-errors')
+        .removeClass('quickedit__validation-error')
+        .next('.quickedit__validation-errors')
         .remove();
     }
 
diff --git a/core/modules/quickedit/js/views/EntityToolbarView.js b/core/modules/quickedit/js/views/EntityToolbarView.js
index f2a7f47..494735d 100644
--- a/core/modules/quickedit/js/views/EntityToolbarView.js
+++ b/core/modules/quickedit/js/views/EntityToolbarView.js
@@ -19,8 +19,8 @@
      */
     events: function () {
       var map = {
-        'click button.action-save': 'onClickSave',
-        'click button.action-cancel': 'onClickCancel',
+        'click button.quickedit-button--save': 'onClickSave',
+        'click button.quickedit-button--cancel': 'onClickCancel',
         'mouseenter': 'onMouseenter'
       };
       return map;
@@ -61,7 +61,7 @@
       // Set the entity toolbar DOM element as the el for this view.
       var $toolbar = this.buildToolbarEl();
       this.setElement($toolbar);
-      this._fieldToolbarRoot = $toolbar.find('.quickedit-toolbar-field').get(0);
+      this._fieldToolbarRoot = $toolbar.find('.quickedit-toolbar__field').get(0);
 
       // Initial render.
       this.render();
@@ -81,7 +81,7 @@
         }
         // The fence will define a area on the screen that the entity toolbar
         // will be position within.
-        if ($body.children('#quickedit-toolbar-fence').length === 0) {
+        if ($body.children('.quickedit-fence').length === 0) {
           this.$fence = $(Drupal.theme('quickeditEntityToolbarFence'))
             .css(Drupal.displace())
             .appendTo($body);
@@ -90,7 +90,7 @@
         this.label();
 
         // Show the save and cancel buttons.
-        this.show('ops');
+        this.show('quickedit-toolgroup--ops');
         // If render is being called and the toolbar is already visible, just
         // reposition it.
         this.position();
@@ -98,7 +98,7 @@
 
       // The save button text and state varies with the state of the entity
       // model.
-      var $button = this.$el.find('.quickedit-button.action-save');
+      var $button = this.$el.find('.quickedit-button.quickedit-button--save');
       var isDirty = this.model.get('isDirty');
       // Adjust the save button according to the state of the model.
       switch (this.model.get('state')) {
@@ -107,7 +107,7 @@
           // The saving throbber is not managed by AJAX system. The
           // EntityToolbarView manages this visual element.
           $button
-            .removeClass('action-saving icon-throbber icon-end')
+            .removeClass('quickedit-button--saving quickedit-icon--throbber quickedit-icon--end')
             .text(Drupal.t('Save'))
             .removeAttr('disabled')
             .attr('aria-hidden', !isDirty);
@@ -116,7 +116,7 @@
         // The changes to the fields of the entity are being committed.
         case 'committing':
           $button
-            .addClass('action-saving icon-throbber icon-end')
+            .addClass('quickedit-button--saving quickedit-icon--throbber quickedit-icon--end')
             .text(Drupal.t('Saving'))
             .attr('disabled', 'disabled');
           break;
@@ -272,7 +272,7 @@
       function refinePosition(view, suggested, info) {
         // Determine if the pointer should be on the top or bottom.
         var isBelow = suggested.top > info.target.top;
-        info.element.element.toggleClass('quickedit-toolbar-pointer-top', isBelow);
+        info.element.element.toggleClass('quickedit-toolbar__pointer--top', isBelow);
         // Don't position the toolbar past the first or last editable field if
         // the entity is the target.
         if (view.$entity[0] === info.target.element[0]) {
@@ -385,22 +385,22 @@
       }));
 
       $toolbar
-        .find('.quickedit-toolbar-entity')
+        .find('.quickedit-toolbar__entity')
         // Append the "ops" toolgroup into the toolbar.
         .prepend(Drupal.theme('quickeditToolgroup', {
-          classes: ['ops'],
+          classes: ['quickedit-toolgroup--ops'],
           buttons: [
             {
               label: Drupal.t('Save'),
               type: 'submit',
-              classes: 'action-save quickedit-button icon',
+              classes: 'quickedit-button quickedit-icon quickedit-button--save',
               attributes: {
                 'aria-hidden': true
               }
             },
             {
               label: Drupal.t('Close'),
-              classes: 'action-cancel quickedit-button icon icon-close icon-only'
+              classes: 'quickedit-button quickedit-icon quickedit-button--cancel quickedit-icon--close quickedit-icon--only'
             }
           ]
         }));
@@ -458,7 +458,7 @@
       }
 
       this.$el
-        .find('.quickedit-toolbar-label')
+        .find('.quickedit-toolbar__label')
         .html(label);
     },
 
@@ -508,7 +508,7 @@
      *   A toolgroup name.
      */
     show: function (toolgroup) {
-      this.$el.removeClass('quickedit-animate-invisible');
+      this.$el.removeClass('animate-invisible');
     }
 
   });
diff --git a/core/modules/quickedit/js/views/FieldDecorationView.js b/core/modules/quickedit/js/views/FieldDecorationView.js
index 8de4b16..c64fd40 100644
--- a/core/modules/quickedit/js/views/FieldDecorationView.js
+++ b/core/modules/quickedit/js/views/FieldDecorationView.js
@@ -236,7 +236,7 @@
       if (this.$el[0].style.width === "") {
         this._widthAttributeIsEmpty = true;
         this.$el
-          .addClass('quickedit-animate-disable-width')
+          .addClass('animate-disable-width')
           .css('width', this.$el.width());
       }
 
@@ -244,7 +244,7 @@
       var posProp = this._getPositionProperties(this.$el);
       setTimeout(function () {
         // Re-enable width animations (padding changes affect width too!).
-        self.$el.removeClass('quickedit-animate-disable-width');
+        self.$el.removeClass('animate-disable-width');
 
         // Pad the editable.
         self.$el
@@ -275,7 +275,7 @@
       // 1) Set the empty width again.
       if (this._widthAttributeIsEmpty) {
         this.$el
-          .addClass('quickedit-animate-disable-width')
+          .addClass('animate-disable-width')
           .css('width', '');
       }
 
@@ -284,7 +284,7 @@
       var posProp = this._getPositionProperties(this.$el);
       setTimeout(function () {
         // Re-enable width animations (padding changes affect width too!).
-        self.$el.removeClass('quickedit-animate-disable-width');
+        self.$el.removeClass('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 efc8da6..46f8353 100644
--- a/core/modules/quickedit/js/views/FieldToolbarView.js
+++ b/core/modules/quickedit/js/views/FieldToolbarView.js
@@ -102,7 +102,7 @@
           this.render();
 
           if (this.editorView.getQuickEditUISettings().fullWidthToolbar) {
-            this.$el.addClass('quickedit-toolbar-fullwidth');
+            this.$el.addClass('quickedit-toolbar--fullwidth');
           }
 
           if (this.editorView.getQuickEditUISettings().unifiedToolbar) {
@@ -134,18 +134,18 @@
       this.$el
         .append(Drupal.theme('quickeditToolgroup', {
           id: this.getFloatedWysiwygToolgroupId(),
-          classes: ['wysiwyg-floated', 'quickedit-animate-slow', 'quickedit-animate-invisible', 'quickedit-animate-delay-veryfast'],
+          classes: ['quickedit-toolbar__wysiwyg-floated', 'animate-slow', 'animate-invisible', 'animate-delay-veryfast'],
           buttons: []
         }))
         .append(Drupal.theme('quickeditToolgroup', {
           id: this.getMainWysiwygToolgroupId(),
-          classes: ['wysiwyg-main', 'quickedit-animate-slow', 'quickedit-animate-invisible', 'quickedit-animate-delay-veryfast'],
+          classes: ['quickedit-toolbar__wysiwyg-main', 'animate-slow', 'animate-invisible', 'animate-delay-veryfast'],
           buttons: []
         }));
 
       // Animate the toolgroups into visibility.
-      this.show('wysiwyg-floated');
-      this.show('wysiwyg-main');
+      this.show('quickedit-toolbar__wysiwyg-floated');
+      this.show('quickedit-toolbar__wysiwyg-main');
     },
 
     /**
@@ -213,7 +213,7 @@
       // the next animation frame or the event handler attached above won't be
       // triggered.
       window.setTimeout(function () {
-        $group.removeClass('quickedit-animate-invisible');
+        $group.removeClass('animate-invisible');
       }, 0);
     }