diff --git a/src/components/messages/MessageManager.tsx b/src/components/messages/MessageManager.tsx
index 309d2e10d..1ea25d2c9 100644
--- a/src/components/messages/MessageManager.tsx
+++ b/src/components/messages/MessageManager.tsx
@@ -133,7 +133,6 @@ export const MessageManager: React.FC<IMessageManagerProps> = props => {
           <div className={classes.progressBarContainer} key="progressBar">
             <div
               className={classNames(classes.progressBar, {
-                [classes.progressBarActive]: true,
                 [classes.progressBarSuccess]: status === "success",
                 [classes.progressBarWarning]: status === "warning",
                 [classes.progressBarError]: status === "error"
diff --git a/src/components/messages/styles.ts b/src/components/messages/styles.ts
index 80cac9113..434daa9c0 100644
--- a/src/components/messages/styles.ts
+++ b/src/components/messages/styles.ts
@@ -104,14 +104,12 @@ export const useStyles = makeStyles(
       }
     },
     progressBar: {
+      animation: `$bar var(--animationTime) ease both`,
       backgroundColor: infoColor,
       height: 8,
       transform: "translateX(-100%)",
       width: "100%"
     },
-    progressBarActive: {
-      animation: `$bar var(--animationTime) ease both`
-    },
     progressBarContainer: {
       borderRadius: "0 0 4px 4px",
       bottom: 0,