diff --git a/client/src/components/PageExplorer/PageExplorer.scss b/client/src/components/PageExplorer/PageExplorer.scss
index 4031d2aedf..6488e00239 100644
--- a/client/src/components/PageExplorer/PageExplorer.scss
+++ b/client/src/components/PageExplorer/PageExplorer.scss
@@ -24,7 +24,7 @@ $menu-footer-height: 50px;
   }
 }
 
-.c-page-explorer > .c-transition-group {
+.c-page-explorer > .w-transition-group {
   display: flex;
   flex-direction: column;
   height: 100%;
diff --git a/client/src/components/PageExplorer/PageExplorerPanel.tsx b/client/src/components/PageExplorer/PageExplorerPanel.tsx
index 7a420d38cf..44ba09c726 100644
--- a/client/src/components/PageExplorer/PageExplorerPanel.tsx
+++ b/client/src/components/PageExplorer/PageExplorerPanel.tsx
@@ -131,7 +131,7 @@ class PageExplorerPanel extends React.Component<
       >
         <div role="dialog" aria-label={gettext('Page explorer')}>
           <Transition name={transition} className="c-page-explorer">
-            <div key={depth} className="c-transition-group">
+            <div key={depth} className="w-transition-group">
               <PageExplorerHeader
                 depth={depth}
                 page={page}
diff --git a/client/src/components/PageExplorer/__snapshots__/PageExplorerPanel.test.js.snap b/client/src/components/PageExplorer/__snapshots__/PageExplorerPanel.test.js.snap
index b3a223ae57..864f6c5e11 100644
--- a/client/src/components/PageExplorer/__snapshots__/PageExplorerPanel.test.js.snap
+++ b/client/src/components/PageExplorer/__snapshots__/PageExplorerPanel.test.js.snap
@@ -24,7 +24,7 @@ exports[`PageExplorerPanel general rendering #isError 1`] = `
       name="push"
     >
       <div
-        className="c-transition-group"
+        className="w-transition-group"
         key="1"
       >
         <PageExplorerHeader
@@ -99,7 +99,7 @@ exports[`PageExplorerPanel general rendering #isFetching 1`] = `
       name="push"
     >
       <div
-        className="c-transition-group"
+        className="w-transition-group"
         key="1"
       >
         <PageExplorerHeader
@@ -155,7 +155,7 @@ exports[`PageExplorerPanel general rendering #items 1`] = `
       name="push"
     >
       <div
-        className="c-transition-group"
+        className="w-transition-group"
         key="1"
       >
         <PageExplorerHeader
@@ -239,7 +239,7 @@ exports[`PageExplorerPanel general rendering no children 1`] = `
       name="push"
     >
       <div
-        className="c-transition-group"
+        className="w-transition-group"
         key="1"
       >
         <PageExplorerHeader
@@ -292,7 +292,7 @@ exports[`PageExplorerPanel general rendering renders 1`] = `
       name="push"
     >
       <div
-        className="c-transition-group"
+        className="w-transition-group"
         key="1"
       >
         <PageExplorerHeader
diff --git a/client/src/components/Transition/Transition.scss b/client/src/components/Transition/Transition.scss
index 0e44c22ac5..7f334dd5d5 100644
--- a/client/src/components/Transition/Transition.scss
+++ b/client/src/components/Transition/Transition.scss
@@ -2,36 +2,36 @@
 // Transitions
 // =============================================================================
 
-$c-transition-duration: 200ms;
+$w-transition-duration: 200ms;
 
-.c-transition-group {
+.w-transition-group {
   position: absolute;
   width: 100%;
   top: 0;
 }
 
-.c-transition-push-enter {
+.w-transition-push-enter {
   transform: translateX(calc(var(--w-direction-factor) * 100%));
   transition:
-    transform $c-transition-duration ease,
-    opacity $c-transition-duration linear;
+    transform $w-transition-duration ease,
+    opacity $w-transition-duration linear;
   opacity: 0;
 }
 
-.c-transition-push-enter-active {
+.w-transition-push-enter-active {
   transform: translateX(0);
   opacity: 1;
 }
 
-.c-transition-push-leave {
+.w-transition-push-leave {
   transform: translateX(0);
   transition:
-    transform $c-transition-duration ease,
-    opacity $c-transition-duration linear;
+    transform $w-transition-duration ease,
+    opacity $w-transition-duration linear;
   opacity: 1;
 }
 
-.c-transition-push-leave-active {
+.w-transition-push-leave-active {
   transform: translateX(calc(var(--w-direction-factor) * -100%));
   opacity: 0;
 }
@@ -39,28 +39,28 @@ $c-transition-duration: 200ms;
 // =============================================================================
 // Pop transition
 // =============================================================================
-.c-transition-pop-enter {
+.w-transition-pop-enter {
   transform: translateX(calc(var(--w-direction-factor) * -100%));
   transition:
-    transform $c-transition-duration ease,
-    opacity $c-transition-duration linear;
+    transform $w-transition-duration ease,
+    opacity $w-transition-duration linear;
   opacity: 0;
 }
 
-.c-transition-pop-enter-active {
+.w-transition-pop-enter-active {
   transform: translateX(0);
   opacity: 1;
 }
 
-.c-transition-pop-leave {
+.w-transition-pop-leave {
   transform: translateX(0);
   transition:
-    transform $c-transition-duration ease,
-    opacity $c-transition-duration linear;
+    transform $w-transition-duration ease,
+    opacity $w-transition-duration linear;
   opacity: 1;
 }
 
-.c-transition-pop-leave-active {
+.w-transition-pop-leave-active {
   transform: translateX(calc(var(--w-direction-factor) * 100%));
   opacity: 0;
 }
diff --git a/client/src/components/Transition/Transition.tsx b/client/src/components/Transition/Transition.tsx
index 747b5eafec..32d482d7ba 100644
--- a/client/src/components/Transition/Transition.tsx
+++ b/client/src/components/Transition/Transition.tsx
@@ -17,7 +17,7 @@ const Transition = ({ name, component, className, duration, children }) => (
     component={component}
     transitionEnterTimeout={duration}
     transitionLeaveTimeout={duration}
-    transitionName={`c-transition-${name}`}
+    transitionName={`w-transition-${name}`}
     className={className}
   >
     {children}
diff --git a/client/src/components/Transition/__snapshots__/Transition.test.js.snap b/client/src/components/Transition/__snapshots__/Transition.test.js.snap
index 7afd9695f4..1dbe15a37f 100644
--- a/client/src/components/Transition/__snapshots__/Transition.test.js.snap
+++ b/client/src/components/Transition/__snapshots__/Transition.test.js.snap
@@ -9,7 +9,7 @@ exports[`Transition basic 1`] = `
   transitionEnterTimeout={210}
   transitionLeave={true}
   transitionLeaveTimeout={210}
-  transitionName="c-transition-push"
+  transitionName="w-transition-push"
 />
 `;
 
@@ -22,6 +22,6 @@ exports[`Transition label 1`] = `
   transitionEnterTimeout={210}
   transitionLeave={true}
   transitionLeaveTimeout={210}
-  transitionName="c-transition-push"
+  transitionName="w-transition-push"
 />
 `;