diff --git a/src/commands/view/Preview.js b/src/commands/view/Preview.js
index b59a2bb1f..2790d66ff 100644
--- a/src/commands/view/Preview.js
+++ b/src/commands/view/Preview.js
@@ -1,6 +1,6 @@
 import { each } from 'underscore';
 
-const cmdVis = 'sw-visibility';
+const cmdOutline = 'core:component-outline';
 
 export default {
   getPanels(editor) {
@@ -35,10 +35,10 @@ export default {
     editor.select();
 
     if (!this.shouldRunSwVisibility) {
-      this.shouldRunSwVisibility = editor.Commands.isActive(cmdVis);
+      this.shouldRunSwVisibility = editor.Commands.isActive(cmdOutline);
     }
 
-    this.shouldRunSwVisibility && editor.stopCommand(cmdVis);
+    this.shouldRunSwVisibility && editor.stopCommand(cmdOutline);
     editor.getModel().stopDefault();
 
     const panels = this.getPanels(editor);
@@ -75,7 +75,7 @@ export default {
     const panels = this.getPanels(editor);
 
     if (this.shouldRunSwVisibility) {
-      editor.runCommand(cmdVis);
+      editor.runCommand(cmdOutline);
       this.shouldRunSwVisibility = false;
     }
 
diff --git a/src/panels/config/config.js b/src/panels/config/config.js
index 266f3b211..1bb62e16e 100644
--- a/src/panels/config/config.js
+++ b/src/panels/config/config.js
@@ -23,7 +23,7 @@ export default {
           active: true,
           id: swv,
           className: 'fa fa-square-o',
-          command: swv,
+          command: 'core:component-outline',
           context: swv,
           attributes: { title: 'View components' },
         },