diff --git a/client/src/components/helpers/Loader.js b/client/src/components/helpers/Loader.js
index 7d9d6b8342..b55499693d 100644
--- a/client/src/components/helpers/Loader.js
+++ b/client/src/components/helpers/Loader.js
@@ -7,7 +7,7 @@ import './loader.css';
 function Loader({ fullScreen }) {
   return (
     <div className={fullScreen ? 'full-screen-wrapper' : ''}>
-      <Spinner name='ball-clip-rotate-multiple' />
+      <Spinner name='line-scale-pulse-out' />
     </div>
   );
 }
diff --git a/client/src/components/helpers/__snapshots__/Loader.test.js.snap b/client/src/components/helpers/__snapshots__/Loader.test.js.snap
index e1c9c4aa3c..9735141bd4 100644
--- a/client/src/components/helpers/__snapshots__/Loader.test.js.snap
+++ b/client/src/components/helpers/__snapshots__/Loader.test.js.snap
@@ -5,10 +5,13 @@ exports[`<Loader /> matches the fullScreen render snapshot 1`] = `
   class="full-screen-wrapper"
 >
   <div
-    class="sk-fade-in sk-spinner ball-clip-rotate-multiple"
+    class="sk-fade-in sk-spinner line-scale-pulse-out"
   >
     <div />
     <div />
+    <div />
+    <div />
+    <div />
   </div>
 </div>
 `;
@@ -18,10 +21,13 @@ exports[`<Loader /> matches to the default render snapshot 1`] = `
   class=""
 >
   <div
-    class="sk-fade-in sk-spinner ball-clip-rotate-multiple"
+    class="sk-fade-in sk-spinner line-scale-pulse-out"
   >
     <div />
     <div />
+    <div />
+    <div />
+    <div />
   </div>
 </div>
 `;
diff --git a/client/src/components/helpers/loader.css b/client/src/components/helpers/loader.css
index 40dff14622..47304054a8 100644
--- a/client/src/components/helpers/loader.css
+++ b/client/src/components/helpers/loader.css
@@ -7,6 +7,6 @@
 }
 
 .full-screen-wrapper .sk-spinner {
-  transform: scale(8);
+  transform: scale(2);
   color: #006400;
-}
\ No newline at end of file
+}