diff --git a/app/(dashboard)/agreements/page.tsx b/app/(dashboard)/agreements/page.tsx
index c694a9a..e014aa9 100644
--- a/app/(dashboard)/agreements/page.tsx
+++ b/app/(dashboard)/agreements/page.tsx
@@ -3,23 +3,27 @@ import { AgreementCard } from "@/components/agreement-card";
 import { tryCatch } from "@/utils/tryCatch";
 
 export default async function Agreements() {
-	const [error, profile] = await tryCatch(getProfile())
-	return (
-		<div>
-			<div className="flex justify-between items-center border rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
-				<h3 className="text-sarLinkOrange text-2xl">Agreements</h3>
-			</div>
-			<div className="grid grid-cols-1">
-				{error ? (
-					<div className="text-red-500">
-						An error occurred while fetching agreements: {error.message}
-					</div>
-				) : (
-					<div>
-						<AgreementCard agreement={profile.agreement ?? ""} />
-					</div>
-				)}
-			</div>
-		</div>
-	);
+  const [error, profile] = await tryCatch(getProfile());
+  return (
+    <div>
+      <div className="flex justify-between items-center border rounded-md border-dashed font-bold title-bg py-4 px-2 mb-4">
+        <h3 className="text-sarLinkOrange text-2xl">Agreements</h3>
+      </div>
+      <div className="grid grid-cols-1">
+        {error ? (
+          <div className="text-red-500">
+            An error occurred while fetching agreements: {error.message}
+          </div>
+        ) : (
+          <div>
+            {profile.agreement ? (
+              <AgreementCard agreement={profile.agreement} />
+            ) : (
+              <div className="text-gray-500">No agreement found.</div>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  );
 }