From 88da4cab1d40dadaaaa3021b82e3a85c8df64ae5 Mon Sep 17 00:00:00 2001
From: AlicjaSzu <alicja.szukuc@gmail.com>
Date: Fri, 26 Jun 2020 11:35:19 +0200
Subject: [PATCH] MessageManager - update  classNames

---
 src/components/messages/MessageManager.tsx | 1 -
 src/components/messages/styles.ts          | 4 +---
 2 files changed, 1 insertion(+), 4 deletions(-)

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,