diff --git a/apps/web/src/app/(backButton)/events/register/loading.tsx b/apps/web/src/app/(backButton)/events/register/loading.tsx
index 1766cdd5..6f0a6cdb 100644
--- a/apps/web/src/app/(backButton)/events/register/loading.tsx
+++ b/apps/web/src/app/(backButton)/events/register/loading.tsx
@@ -1,3 +1,9 @@
+import { ClipLoader } from 'react-spinners'
+
 export default function Loading() {
-    return <div className="flex min-h-screen items-center justify-center text-lg font-semibold">Loading...</div>
+    return (
+        <div className="flex min-h-screen items-center justify-center text-lg font-semibold">
+            <ClipLoader color="#FF6B6B" size={50} />
+        </div>
+    )
 }
diff --git a/apps/web/src/app/(backButton)/events/update/page.tsx b/apps/web/src/app/(backButton)/events/update/page.tsx
index e9bf5150..681e9538 100644
--- a/apps/web/src/app/(backButton)/events/update/page.tsx
+++ b/apps/web/src/app/(backButton)/events/update/page.tsx
@@ -5,10 +5,17 @@ import { Suspense, useState } from 'react'
 import { ICategory } from '@fienmee/types'
 import EventForm from '@/components/events/eventForm'
 import { eventStore } from '@/store'
+import { ClipLoader } from 'react-spinners'
 
 export default function EventUpdate() {
     return (
-        <Suspense fallback={<div>Loading...</div>}>
+        <Suspense
+            fallback={
+                <div className="flex min-h-screen items-center justify-center">
+                    <ClipLoader color="#FF6B6B" size={50} />
+                </div>
+            }
+        >
             <UpdatePageContent />
         </Suspense>
     )
diff --git a/apps/web/src/components/comment/commentList.tsx b/apps/web/src/components/comment/commentList.tsx
index 2d87334b..d36140a8 100644
--- a/apps/web/src/components/comment/commentList.tsx
+++ b/apps/web/src/components/comment/commentList.tsx
@@ -7,6 +7,7 @@ import { useInView } from 'react-intersection-observer'
 import { IGetEventCommentsResponse } from '@fienmee/types'
 import { getEventCommentsByEventId } from '@/api/event'
 import { EventComment } from '@/components/comment/comment'
+import { ClipLoader } from 'react-spinners'
 
 interface CommentListProps {
     eventId: string
@@ -31,7 +32,11 @@ export function CommentList({ eventId }: CommentListProps) {
     }, [inView, isFetchingNextPage, fetchNextPage])
 
     if (isLoading) {
-        return <div className="px-4 py-2">로딩중...</div>
+        return (
+            <div className="flex justify-center px-4 py-2">
+                <ClipLoader color="#FF6B6B" size={50} />
+            </div>
+        )
     }
 
     if (isError) {
@@ -48,7 +53,13 @@ export function CommentList({ eventId }: CommentListProps) {
     return (
         <div className="flex flex-col gap-4">
             {data && data.pages.map(page => page.comments.map(comment => <EventComment key={comment._id} comment={comment} />))}
-            {isFetchingNextPage ? <div>로딩중...</div> : <div ref={ref} />}
+            {isFetchingNextPage ? (
+                <div className="flex justify-center">
+                    <ClipLoader color="#FF6B6B" size={50} />
+                </div>
+            ) : (
+                <div ref={ref} />
+            )}
         </div>
     )
 }