diff --git a/integration-tests/cypress/support/pages/pipelines/pipelineBuilder-page.ts b/integration-tests/cypress/support/pages/pipelines/pipelineBuilder-page.ts
index 25586905..a46785b0 100644
--- a/integration-tests/cypress/support/pages/pipelines/pipelineBuilder-page.ts
+++ b/integration-tests/cypress/support/pages/pipelines/pipelineBuilder-page.ts
@@ -89,7 +89,9 @@ export const pipelineBuilderPage = {
     pipelineBuilderPage.AddTask(taskName);
   },
   clickOnTask: (taskName: string) => {
-    cy.get('.co-spin', { timeout: 80000 }).should('not.exist');
+    cy.get('.pipelines-console-plugin__spin', { timeout: 80000 }).should(
+      'not.exist',
+    );
     cy.get(`[data-id="${taskName}"] text`).click({ force: true });
   },
   selectParallelTask: (taskName: string) => {
diff --git a/src/components/pipeline-topology/InstallingNodeDecorator.tsx b/src/components/pipeline-topology/InstallingNodeDecorator.tsx
index e85f2dd3..36d9a2c8 100644
--- a/src/components/pipeline-topology/InstallingNodeDecorator.tsx
+++ b/src/components/pipeline-topology/InstallingNodeDecorator.tsx
@@ -34,7 +34,7 @@ const InstallingNodeDecorator: React.FC<InstallingNodeDecoratorProps> = ({
           className="opp-installing-node-decorator__circle"
         />
         <g transform="translate(-5, -7)">
-          <InProgressIcon className="co-spin" />
+          <InProgressIcon className="pipelines-console-plugin__spin" />
         </g>
       </g>
     </Tooltip>
diff --git a/src/components/pipeline-topology/StatusIcons.tsx b/src/components/pipeline-topology/StatusIcons.tsx
index 0627e8f6..5521f837 100644
--- a/src/components/pipeline-topology/StatusIcons.tsx
+++ b/src/components/pipeline-topology/StatusIcons.tsx
@@ -40,7 +40,10 @@ export const StatusIcon: React.FC<StatusIconProps> = ({
     case ComputedStatus['In Progress']:
     case ComputedStatus.Running:
       return (
-        <SyncAltIcon {...props} className={cx({ 'co-spin': !disableSpin })} />
+        <SyncAltIcon
+          {...props}
+          className={cx({ 'pipelines-console-plugin__spin': !disableSpin })}
+        />
       );
 
     case ComputedStatus.Succeeded:
diff --git a/src/components/pipelines-details/PipelineVisualizationTask.tsx b/src/components/pipelines-details/PipelineVisualizationTask.tsx
index 595277af..915375ac 100644
--- a/src/components/pipelines-details/PipelineVisualizationTask.tsx
+++ b/src/components/pipelines-details/PipelineVisualizationTask.tsx
@@ -227,7 +227,7 @@ const TaskComponent: React.FC<TaskProps> = ({
           >
             <g
               className={cx({
-                'co-spin odc-pipeline-vis-task--icon-spin':
+                'pipelines-console-plugin__spin odc-pipeline-vis-task--icon-spin':
                   status.reason === ComputedStatus.Running,
                 'odc-pipeline-vis-task--icon-stop':
                   status.reason !== ComputedStatus.Running,
diff --git a/src/components/pipelines-details/StatusIcon.tsx b/src/components/pipelines-details/StatusIcon.tsx
index 4394320d..2406b138 100644
--- a/src/components/pipelines-details/StatusIcon.tsx
+++ b/src/components/pipelines-details/StatusIcon.tsx
@@ -30,7 +30,9 @@ export const StatusIcon: React.FC<StatusIconProps> = ({
       return (
         <SyncAltIcon
           {...props}
-          className={classnames({ 'co-spin': !disableSpin })}
+          className={classnames({
+            'pipelines-console-plugin__spin': !disableSpin,
+          })}
         />
       );
 
diff --git a/src/components/status/StatusIconAndText.tsx b/src/components/status/StatusIconAndText.tsx
index d9e167b7..8fdf188d 100644
--- a/src/components/status/StatusIconAndText.tsx
+++ b/src/components/status/StatusIconAndText.tsx
@@ -44,7 +44,7 @@ const StatusIconAndText: React.FC<StatusIconAndTextProps> = ({
       {icon &&
         React.cloneElement(icon, {
           className: classNames(
-            spin && 'co-spin',
+            spin && 'pipelines-console-plugin__spin',
             icon.props.className,
             !iconOnly && 'co-icon-and-text__icon co-icon-flex-child',
           ),
diff --git a/src/components/styles/common.scss b/src/components/styles/common.scss
index 86498af9..260d7bda 100644
--- a/src/components/styles/common.scss
+++ b/src/components/styles/common.scss
@@ -1,4 +1,4 @@
-@keyframes co-spin {
+@keyframes pipelines-console-plugin__spin {
   0% {
     transform: rotate(0deg);
   }
@@ -7,12 +7,10 @@
   }
 }
 
-.co-spin {
-  animation: co-spin 2s infinite linear;
-}
+.pipelines-console-plugin__spin {
+  animation: pipelines-console-plugin__spin 2s infinite linear;
 
-@media (prefers-reduced-motion: reduce) {
-  .co-spin {
+  @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
 }