Implement new loader

1 files changed, 3 insertions, 3 deletions

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