update loader styling

src/components/loader/Loader.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 import { Loader as RsLoader } from 'rsuite';
-import '../../styles/Loader.global.css';
+import styled from 'styled-components';
+
+const LoaderContainer = styled.div`
+  text-align: center;
+  margin-top: 75px;
+`;
 
 const Loader = ({ text }: any) => {
   return (
-    <div className="loader__main">
-      <RsLoader size="md" vertical content={text} />
-    </div>
+    <LoaderContainer>
+      <RsLoader size="md" vertical content={text} speed="slow" />
+    </LoaderContainer>
   );
 };
 

src/styles/Loader.global.css

@@ -1,3 +0,0 @@
-.loader__main {
-  text-align: center;
-}