From caa9c8b3188fe6f92cd519eb9fcf692887f776e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aykut=20Sara=C3=A7?= <aykutsarac0@gmail.com>
Date: Sun, 20 Mar 2022 13:03:18 +0300
Subject: [PATCH] fix loading

---
 src/components/Loading/index.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/Loading/index.tsx b/src/components/Loading/index.tsx
index fe22c85..a6b9f16 100644
--- a/src/components/Loading/index.tsx
+++ b/src/components/Loading/index.tsx
@@ -3,13 +3,15 @@ import styled from "styled-components";
 
 const StyledLoading = styled.div`
   position: fixed;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+  top: 0;
+  left: 0;
+  display: grid;
+  place-content: center;
   width: 100%;
   height: 100vh;
   text-align: center;
+  background: ${({ theme }) => theme.BLACK_DARK};
+  z-index: 10;
 `;
 
 const StyledLogo = styled.h2`