diff --git a/app/page.tsx b/app/page.tsx
index 92ccae3..58b5fcd 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -16,7 +16,7 @@ export default async function Home () {
         {elements.map((element:any) => (
           <li
             key={element.id}
-            className="relative flex flex-col text-center p-5 rounded-md bg-[#00E699] transition-colors hover:bg-[#00e5BF] text-[black]"
+            className="relative flex flex-col text-center p-5 rounded-md bg-[#00E699] transition-colors hover:bg-red-200 text-[black]"
           >
             <p className="absolute top-2 left-2 text-sm">
               {element.atomicNumber}