diff --git a/components/Loading.tsx b/components/Loading.tsx
index c2933c6..049b9ec 100644
--- a/components/Loading.tsx
+++ b/components/Loading.tsx
@@ -1,8 +1,17 @@
+import { square } from 'ldrs'
+square.register()
 
 export default function Loading() {
     return (
         <div className="flex items-center justify-center h-screen">
-            <span className="loading loading-ring loading-xl"></span>
+            <l-square
+                size={31}
+                stroke={5}
+                strokeLength={0.25}
+                bgOpacity={0.1}
+                speed={1.2}
+                color="white"
+            />
         </div>
     );
 }
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 6fb8fbd..996a767 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,6 +17,7 @@
         "fuse.js": "^7.1.0",
         "js-cookie": "^3.0.5",
         "jsonwebtoken": "^9.0.2",
+        "ldrs": "^1.1.7",
         "lucide-react": "^0.511.0",
         "next": "15.3.2",
         "react": "^19.0.0",
@@ -1554,6 +1555,12 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "node_modules/ldrs": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/ldrs/-/ldrs-1.1.7.tgz",
+      "integrity": "sha512-rZnfveeY1SeS3F3ifUVd9AVGTFHmQ0qzp5fuszAirnrVkjqJBLrm99vtr/Mxbby4XgadUYv+DsFqyk2p4FV40Q==",
+      "license": "MIT"
+    },
     "node_modules/lightningcss": {
       "version": "1.30.1",
       "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz",
diff --git a/package.json b/package.json
index e0d6c76..8600455 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "fuse.js": "^7.1.0",
     "js-cookie": "^3.0.5",
     "jsonwebtoken": "^9.0.2",
+    "ldrs": "^1.1.7",
     "lucide-react": "^0.511.0",
     "next": "15.3.2",
     "react": "^19.0.0",