Implement new loader

2 files changed, 5 insertions, 5 deletions

diff --git a/src/App.tsx b/src/App.tsx
index 2a8fd31..b1b2184 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,7 +9,7 @@ import {
   Switch
 } from "react-router-dom";
 
-import { RingLoader } from "react-spinners";
+import { PropagateLoader } from "react-spinners";
 
 import { CSSTransition, TransitionGroup } from "react-transition-group";
 
@@ -31,7 +31,7 @@ function PageLoading() {
     justify-content: center;
     margin-top: 50px;
   `}>
-    <RingLoader color="white" size={100}/>
+    <PropagateLoader color="white" size={100}/>
   </div>
 }
 
diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
index 5083214..8454366 100644
--- a/src/components/Loading.tsx
+++ b/src/components/Loading.tsx
@@ -1,15 +1,15 @@
 /** @jsx jsx */
 import { jsx } from "@emotion/react";
 
-import { RingLoader } from "react-spinners";
+import { PropagateLoader } from "react-spinners";
 
 import HeaderBar from "../components/HeaderBar";
 
 function Loading() {
     return <div>
         <HeaderBar title={"Loading..."}/>
-        <div css={{display: "flex", justifyContent: "center"}}>
-            <RingLoader color="white"/>
+        <div css={{display: "flex", justifyContent: "center", paddingTop: "40px"}}>
+            <PropagateLoader color="white"/>
         </div>
     </div>
 }