diff --git a/src/app/community/page.tsx b/src/app/community/page.tsx
index 08cc8fcd..166e1094 100644
--- a/src/app/community/page.tsx
+++ b/src/app/community/page.tsx
@@ -3,7 +3,7 @@ import React from 'react'
 import Footer from '@/components/Footer/Footer'
 import UniversityCard from '@/components/universityCommunity/universityCommunityCart'
 import { useGetUserSubscribedCommunityGroups } from '@/services/university-community'
-import Loading from '../loading'
+import Loading from '@/components/atoms/Loading'
 
 interface CommunityType {
   _id: string
diff --git a/src/components/atoms/Loading/index.tsx b/src/components/atoms/Loading/index.tsx
new file mode 100644
index 00000000..b5d9a4f0
--- /dev/null
+++ b/src/components/atoms/Loading/index.tsx
@@ -0,0 +1,11 @@
+export default function Loading() {
+  return (
+    <div className="h-screen flex items-center justify-center">
+      <div className="flex justify-center items-center">
+        <svg width={50} height={50} viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg" className="animate-spin">
+          <circle cx="25" cy="25" r="20" fill="none" stroke="#6647FF" strokeWidth="5" strokeLinecap="round" strokeDasharray="80, 200" />
+        </svg>
+      </div>
+    </div>
+  )
+}