diff --git a/src/pages/Loading.tsx b/src/components/LoadingSpinner.tsx
similarity index 75%
rename from src/pages/Loading.tsx
rename to src/components/LoadingSpinner.tsx
index e61d5391..a859130b 100644
--- a/src/pages/Loading.tsx
+++ b/src/components/LoadingSpinner.tsx
@@ -1,6 +1,6 @@
 import { ClipLoader } from 'react-spinners';
 
-const Loading = () => {
+const LoadingSpinner = () => {
   return (
     <div className={`flex justify-center items-center w-full h-dvh`}>
       <ClipLoader color={'#132650'} />
@@ -8,4 +8,4 @@ const Loading = () => {
   );
 };
 
-export default Loading;
+export default LoadingSpinner;
diff --git a/src/layouts/ProtectedLayout.tsx b/src/layouts/ProtectedLayout.tsx
index 2f8c2632..770081e5 100644
--- a/src/layouts/ProtectedLayout.tsx
+++ b/src/layouts/ProtectedLayout.tsx
@@ -4,7 +4,7 @@ import SettingSidebar from '../components/Sidebar/SettingSidebar';
 import { QueryErrorResetBoundary } from '@tanstack/react-query';
 import { Suspense } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
-import Loading from '../pages/Loading.tsx';
+import LoadingSpinner from '../components/LoadingSpinner.tsx';
 import ServerError from '../pages/ServerError.tsx';
 import { LOCAL_STORAGE_KEY } from '../constants/key.ts';
 import { useLocalStorage } from '../hooks/useLocalStorage.ts';
@@ -31,7 +31,7 @@ const ProtectedLayout = () => {
     <QueryErrorResetBoundary>
       {({ reset }) => (
         <ErrorBoundary onReset={reset} FallbackComponent={ServerError}>
-          <Suspense fallback={<Loading />}>
+          <Suspense fallback={<LoadingSpinner />}>
             <div className="flex h-screen">
               <aside
                 className="fixed top-0 left-0 h-screen overflow-auto sidebar-scroll transition-all duration-300 ease-in-out"
diff --git a/src/layouts/PublicLayout.tsx b/src/layouts/PublicLayout.tsx
index 1fd5a91c..8a7df71a 100644
--- a/src/layouts/PublicLayout.tsx
+++ b/src/layouts/PublicLayout.tsx
@@ -2,7 +2,7 @@ import { Outlet } from 'react-router-dom';
 import { QueryErrorResetBoundary } from '@tanstack/react-query';
 import { ErrorBoundary } from 'react-error-boundary';
 import { Suspense } from 'react';
-import Loading from '../pages/Loading.tsx';
+import LoadingSpinner from '../components/LoadingSpinner.tsx';
 import ServerError from '../pages/ServerError.tsx';
 
 const PublicLayout = () => {
@@ -10,7 +10,7 @@ const PublicLayout = () => {
     <QueryErrorResetBoundary>
       {({ reset }) => (
         <ErrorBoundary onReset={reset} FallbackComponent={ServerError}>
-          <Suspense fallback={<Loading />}>
+          <Suspense fallback={<LoadingSpinner />}>
             <main className="w-full h-screen overflow-auto basic-scroll bg-gray-onboard">
               <div className="min-w-max min-h-screen flex flex-col items-center justify-center">
                 <Outlet />
diff --git a/src/pages/onboarding/InviteLoading.tsx b/src/pages/onboarding/InviteLoading.tsx
index 75f7260c..cbaed70f 100644
--- a/src/pages/onboarding/InviteLoading.tsx
+++ b/src/pages/onboarding/InviteLoading.tsx
@@ -4,6 +4,7 @@ import { useEffect } from 'react';
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
 import { LOCAL_STORAGE_KEY } from '../../constants/key';
+import LoadingSpinner from '../../components/LoadingSpinner';
 
 const InviteLoading = () => {
   const { workspaceName } = useParams(); // URL 파라미터 추출
@@ -30,7 +31,7 @@ const InviteLoading = () => {
 
   return (
     <div className="min-w-max min-h-screen flex flex-col items-center justify-center">
-      <h3 className="font-title-sub-r text-gray-600">초대 확인중입니다.</h3>
+      <LoadingSpinner />;
     </div>
   );
 };
diff --git a/src/pages/onboarding/TokenLoading.tsx b/src/pages/onboarding/TokenLoading.tsx
index 745a9a95..e2bcaa3e 100644
--- a/src/pages/onboarding/TokenLoading.tsx
+++ b/src/pages/onboarding/TokenLoading.tsx
@@ -6,6 +6,7 @@ import { postReIssueAccessToken } from '../../apis/auth';
 import { getWorkspaceProfile } from '../../apis/setting/useGetWorkspaceProfile';
 import { LOCAL_STORAGE_KEY } from '../../constants/key';
 import { useLocalStorage } from '../../hooks/useLocalStorage';
+import LoadingSpinner from '../../components/LoadingSpinner';
 
 const TokenLoading = () => {
   const { setItem } = useLocalStorage(LOCAL_STORAGE_KEY.accessToken);
@@ -43,7 +44,7 @@ const TokenLoading = () => {
     init();
   }, [setItem, navigate]);
 
-  return <h3 className="font-title-sub-r text-gray-600">로딩중입니다.</h3>;
+  return <LoadingSpinner />;
 };
 
 export default TokenLoading;
diff --git a/src/pages/workspace/WorkspaceComplete.tsx b/src/pages/workspace/WorkspaceComplete.tsx
index b2ee811b..2eb2e4ce 100644
--- a/src/pages/workspace/WorkspaceComplete.tsx
+++ b/src/pages/workspace/WorkspaceComplete.tsx
@@ -1,6 +1,7 @@
 import { useGetWorkspaceProfile } from '../../apis/setting/useGetWorkspaceProfile.ts';
 import { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
+import LoadingSpinner from '../../components/LoadingSpinner.tsx';
 
 const WorkspaceComplete = () => {
   const { data } = useGetWorkspaceProfile();
@@ -14,7 +15,11 @@ const WorkspaceComplete = () => {
       });
     }
   }, [teamId]);
-  return <div />;
+  return (
+    <div className="min-w-max min-h-screen flex flex-col items-center justify-center">
+      <LoadingSpinner />;
+    </div>
+  );
 };
 
 export default WorkspaceComplete;