From 456e9864e3ca2cdcfe11214b7a706cd17c880038 Mon Sep 17 00:00:00 2001
From: baegyeong <beth0929@naver.com>
Date: Thu, 5 Dec 2024 14:57:59 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20loader=20=EB=B0=B0?=
 =?UTF-8?q?=EA=B2=BD=EC=83=89=EC=83=81=EC=9D=B4=20=EB=AA=A8=EB=91=90=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9=EB=90=98=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/App.tsx                         | 8 +++++++-
 packages/frontend/src/components/ui/loader/Loader.tsx | 4 +---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/App.tsx b/packages/frontend/src/App.tsx
index 704369a..3ba8516 100644
--- a/packages/frontend/src/App.tsx
+++ b/packages/frontend/src/App.tsx
@@ -19,7 +19,13 @@ const App = () => {
   return (
     <QueryClientProvider client={queryClient}>
       <ErrorBoundary fallback={<Error />}>
-        <Suspense fallback={<Loader className="h-64 w-64 items-center" />}>
+        <Suspense
+          fallback={
+            <div className="bg-extra-light-gray flex h-screen items-center justify-center">
+              <Loader className="h-64 w-64 items-center" />
+            </div>
+          }
+        >
           <RouterProvider router={router} />
           <ReactQueryDevtools initialIsOpen={false} />
         </Suspense>
diff --git a/packages/frontend/src/components/ui/loader/Loader.tsx b/packages/frontend/src/components/ui/loader/Loader.tsx
index 848880b..8ebebc0 100644
--- a/packages/frontend/src/components/ui/loader/Loader.tsx
+++ b/packages/frontend/src/components/ui/loader/Loader.tsx
@@ -7,8 +7,6 @@ interface LoaderProps {
 
 export const Loader = ({ className }: LoaderProps) => {
   return (
-    <div className="bg-extra-light-gray flex h-screen justify-center">
-      <Lottie className={className} animationData={loading} play speed={3} />
-    </div>
+    <Lottie className={className} animationData={loading} play speed={3} />
   );
 };