diff --git a/app/components/topic_card.tsx b/app/components/topic_card.tsx
index e08b502..dfd79dc 100644
--- a/app/components/topic_card.tsx
+++ b/app/components/topic_card.tsx
@@ -27,7 +27,7 @@ const TopicCard = ({ title, children, link }: { title: string, children: any, li
       >
             <a
               href={link}
-              className="mt-10 block w-full rounded-md bg-blue-500 text-center text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              className="rounded-md text-sm font-semibold border text-gray-200 shadow-sm hover:text-gray-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white"
               style={{ paddingLeft: '50px', paddingRight: '50px', paddingTop: '20px', paddingBottom: '20px'}}
             >