diff --git a/frontend/app/components/ui/Loader/Loader.js b/frontend/app/components/ui/Loader/Loader.js
index d3b23eb72..e090dcf8d 100644
--- a/frontend/app/components/ui/Loader/Loader.js
+++ b/frontend/app/components/ui/Loader/Loader.js
@@ -3,12 +3,23 @@ import cn from 'classnames';
 import styles from './loader.module.css';
 import AnimatedSVG, { ICONS } from 'Shared/AnimatedSVG/AnimatedSVG';
 
-const Loader = React.memo(({ className = '', loading = true, children = null, size = 30, style = { minHeight: '150px' } }) => (!loading ? children :
-	<div className={ cn(styles.wrapper, className) } style={style}>
-	  {/* <div className={ styles.loader } data-size={ size } /> */}
-	  <AnimatedSVG name={ICONS.LOADER} size={size} />
-	</div>
-));
+const Loader = React.memo(
+  ({
+    className = '',
+    loading = true,
+    children = null,
+    size = 50,
+    style = { minHeight: '150px' },
+  }) =>
+    !loading ? (
+      children
+    ) : (
+      <div className={cn(styles.wrapper, className)} style={style}>
+        {/* <div className={ styles.loader } data-size={ size } /> */}
+        <AnimatedSVG name={ICONS.LOADER} size={size} />
+      </div>
+    )
+);
 
 Loader.displayName = 'Loader';