From 459cd908b3c03184545dedea4ee0abef6191d759 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 8 Aug 2021 19:34:57 -0700
Subject: [PATCH] update loader styling

---
 src/components/loader/Loader.tsx | 13 +++++++++----
 src/styles/Loader.global.css     |  3 ---
 2 files changed, 9 insertions(+), 7 deletions(-)
 delete mode 100644 src/styles/Loader.global.css

diff --git a/src/components/loader/Loader.tsx b/src/components/loader/Loader.tsx
index f532e21..56d5c53 100644
--- a/src/components/loader/Loader.tsx
+++ b/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>
   );
 };
 
diff --git a/src/styles/Loader.global.css b/src/styles/Loader.global.css
deleted file mode 100644
index 0204fa4..0000000
--- a/src/styles/Loader.global.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.loader__main {
-  text-align: center;
-}