From 781259fa45b92027eedd6eb24b184fd35765215d Mon Sep 17 00:00:00 2001
From: Alvaro Bautista <67112345+alvrba@users.noreply.github.com>
Date: Fri, 2 Sep 2022 19:11:42 +0200
Subject: [PATCH] fix: change CustomInitialLoader style

---
 src/CustomInitialLoader/CustomInitialLoader.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/CustomInitialLoader/CustomInitialLoader.tsx b/src/CustomInitialLoader/CustomInitialLoader.tsx
index 75e31787c..96cd0ed43 100644
--- a/src/CustomInitialLoader/CustomInitialLoader.tsx
+++ b/src/CustomInitialLoader/CustomInitialLoader.tsx
@@ -14,8 +14,10 @@ const useStyles = makeStyles((theme) => ({
     justifyContent: 'center',
     alignItems: 'center',
   },
-  progressBar: {
+  progressBarContainer: {
     marginTop: theme.spacing(2),
+  },
+  progressBar: {
     color: theme.palette.primary.main,
   },
   logo: {
@@ -28,7 +30,9 @@ const CustomInitialLoader: React.FC<Props> = ({ id }) => {
   return (
     <Container id={id} className={classes.container}>
       <GraaspLogo height={100} className={classes.logo} />
-      <LinearProgress className={classes.progressBar} />
+      <div className={classes.progressBarContainer} >
+        <LinearProgress className={classes.progressBar} />
+      </div>
     </Container>
   );
 };