diff --git a/src/components/Card.tsx b/src/components/Card.tsx
index e52e297..2bbd2e5 100644
--- a/src/components/Card.tsx
+++ b/src/components/Card.tsx
@@ -78,7 +78,7 @@ export const Card = ({ text, title, actionTitle, url }: CardProps) => {
         </div>
         {actionTitle && url ? (
           <a
-            className="my-6 mb-0 flex items-center p-2 pl-0 text-lg text-[#E9DF74] group-hover:text-jsconf-yellow xl:text-2xl"
+            className="my-6 mb-0 flex w-fit items-center rounded-md p-2 text-lg text-jsconf-yellow hover:bg-[#EDE06033] group-hover:text-jsconf-yellow xl:text-2xl"
             href={url}
           >
             {actionTitle} <ChevronRight className="ml-2" />