diff --git a/sites/org/pages/new/index.mjs b/sites/org/pages/new/index.mjs
index c9b6a0c5d4a..8db29348624 100644
--- a/sites/org/pages/new/index.mjs
+++ b/sites/org/pages/new/index.mjs
@@ -24,7 +24,7 @@ const Box = ({ title, Icon, description, href }) => {
   const linkProps = {
     href,
     className:
-      'p-8 -ml-4 -mr-4 md:m-0 rounded-none md:rounded-xl md:shadow hover:bg-secondary bg-base-200 hover:text-secondary-content',
+      'p-8 -ml-4 -mr-4 md:m-0 rounded-none md:rounded-xl md:shadow hover:bg-secondary bg-base-200 hover:bg-opacity-10',
   }
 
   const inner = (