diff --git a/app/page.tsx b/app/page.tsx
index b1765f3..51df322 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,8 +1,12 @@
 import CalculatorInput from "./components/ui/CalculatorInput";
+import { ClipLoader } from "react-spinners";
+import { Suspense } from "react";
 export default function Home() {
   return (
     <main>
-      <CalculatorInput />
+      <Suspense fallback={<ClipLoader />}>
+        <CalculatorInput />
+      </Suspense>
     </main>
   );
 }