diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9985e318..8f72e79a 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,15 +3,15 @@ import Link from 'next/link'
 const Home = () => {
   return (
     <main className="w-full min-h-screen flex flex-col justify-center items-center">
-      <ul className="list-disc text-xl space-y-4">
+      <ul className="list-disc text-xl text-black space-y-4">
         <li>
           <Link href="/cc" className="underline hover:text-sky-400">
-            Client Components Example
+            Client Components Example !
           </Link>
         </li>
         <li>
           <Link href="/rsc" className="underline hover:text-sky-400">
-            React Server Components Example
+            React Server Components Example !
           </Link>
         </li>
       </ul>