diff --git a/web/src/pages/Agreement/index.tsx b/web/src/pages/Agreement/index.tsx
index ffdf543..cb31a18 100644
--- a/web/src/pages/Agreement/index.tsx
+++ b/web/src/pages/Agreement/index.tsx
@@ -19,14 +19,14 @@ const AgreementPage: FC = () => {
                 className="w-16 h-16 mb-4 mt-2 sm:mt-6"
               /> */}
               <div className="flex flex-row items-center gap-4 mt-2 mb-4 sm:mt-6">
-                <div className="p-2 bg-gray-100 rounded-full ring ring-gray-900 dark:ring dark:ring-gray-100">
+                <div className="p-2 bg-gray-100 rounded-full ring ring-gray-400 dark:ring dark:ring-gray-500">
                   <User size={32} />
                 </div>
                 <div className="text-gray-400 dark:text-gray-600">
                   {/* <Activity /> */}
                   <ArrowLeftRight />
                 </div>
-                <div className="p-2 rounded-full bg-gray-900 ring ring-gray-900 dark:ring dark:ring-gray-100">
+                <div className="p-2 rounded-full bg-gray-900 ring ring-gray-400 dark:ring dark:ring-gray-500">
                   {/* <img
                     src="https://lucide.dev/logo.dark.svg"
                     className="w-8 h-8"
@@ -46,7 +46,7 @@ const AgreementPage: FC = () => {
                   wants to access your Home Account
                 </h2>
                 <div className="flex flex-row items-center justify-center mb-6 gap-2">
-                  <div className="p-2 bg-gray-100 rounded-full ring ring-gray-900 dark:ring dark:ring-gray-100">
+                  <div className="p-2 bg-gray-100 rounded-full ring ring-gray-400 dark:ring dark:ring-gray-500">
                     <User />
                   </div>
                   <p className="text-sm text-gray-500 dark:text-gray-500">