diff --git a/app/components/topic_card.tsx b/app/components/topic_card.tsx
index 4e3536a..3de11e5 100644
--- a/app/components/topic_card.tsx
+++ b/app/components/topic_card.tsx
@@ -21,13 +21,15 @@ const TopicCard = ({ title, children, link }: { title: string, children: any, li
           {children} 
         </p>
       </div>
-      <div className="-mt-2 p-2 lg:mt-0 lg:max-w-md lg:flex-shrink-0 lg:flex lg:flex-col lg:justify-center">
+      <div 
+        className="-mt-2 p-2 lg:mt-0 lg:max-w-md lg:flex-shrink-0 lg:flex lg:flex-col lg:justify-center"
+        style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}
+      >
             <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"
-              style={{paddingLeft: '50px', paddingRight: '50px', paddingTop: '20px', paddingBottom: '20px'}}
+              style={{ paddingLeft: '50px', paddingRight: '50px', paddingTop: '20px', paddingBottom: '20px'}}
             >
-              <PlayIcon className="text-white"/>
               Begin
             </a>
       </div>