diff --git a/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.js.snap b/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.js.snap
index e8db4c371..6c74cbd79 100644
--- a/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.js.snap
+++ b/components/Forms/UpdateProfileForm/__tests__/__snapshots__/UpdateProfileForm.test.js.snap
@@ -13,7 +13,7 @@ exports[`UpdateProfileForm should render with required props 1`] = `
     Professional Details
   </h3>
   <div
-    className="ProgressIndicator"
+    className="flex flex-col my-6 mx-0 items-center"
   >
     <label
       htmlFor="steps-indicator"
diff --git a/components/ProgressIndicator/ProgressIndicator.js b/components/ProgressIndicator/ProgressIndicator.js
index f9dad78ea..5ddf39208 100644
--- a/components/ProgressIndicator/ProgressIndicator.js
+++ b/components/ProgressIndicator/ProgressIndicator.js
@@ -1,5 +1,4 @@
 import { number } from 'prop-types';
-import styles from './ProgressIndicator.module.css';
 
 export const developmentErrors = {
   currentStepTooLow: '"currentStep" cannot be negative',
@@ -31,7 +30,7 @@ export default function ProgressIndicator({ stepNumber, totalSteps }) {
   const percentageCompleted = (stepNumber / totalSteps) * 100;
 
   return (
-    <div className={styles.ProgressIndicator}>
+    <div className="flex flex-col my-6 mx-0 items-center">
       <label htmlFor="steps-indicator">
         {stepNumber}/{totalSteps} Complete
       </label>
diff --git a/components/ProgressIndicator/ProgressIndicator.module.css b/components/ProgressIndicator/ProgressIndicator.module.css
deleted file mode 100644
index 18d22c187..000000000
--- a/components/ProgressIndicator/ProgressIndicator.module.css
+++ /dev/null
@@ -1,6 +0,0 @@
-.ProgressIndicator {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin: 25px 0;
-}
diff --git a/components/ProgressIndicator/__tests__/__snapshots__/ProgressIndicator.test.js.snap b/components/ProgressIndicator/__tests__/__snapshots__/ProgressIndicator.test.js.snap
index 5b6e53982..c13223c67 100644
--- a/components/ProgressIndicator/__tests__/__snapshots__/ProgressIndicator.test.js.snap
+++ b/components/ProgressIndicator/__tests__/__snapshots__/ProgressIndicator.test.js.snap
@@ -2,7 +2,7 @@
 
 exports[`ProgressIndicator should render with required props 1`] = `
 <div
-  className="ProgressIndicator"
+  className="flex flex-col my-6 mx-0 items-center"
 >
   <label
     htmlFor="steps-indicator"