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;
-}