diff --git a/src/components/card.tsx b/src/components/card.tsx
index fcf61fe..e9fd744 100644
--- a/src/components/card.tsx
+++ b/src/components/card.tsx
@@ -9,7 +9,7 @@ const Card: Component<CardProps> = ({ children, className, title, to, newTab = f
         <>
             <Link className={ "text-white" } to={ to } newTab={ newTab }>
                 <div
-                    class={ `relative bg-gradient-to-r from-cyan-600 to-cyan-500 min-w-64 rounded-2xl ${ className }` }>
+                    class={ `relative bg-gradient-to-r from-cyan-600 to-cyan-500 h-32 w-64 rounded-2xl ${ className }` }>
                     <div class="relative p-5">
                         <H3 className={ "text-center" }>{ title }</H3>
                         { children }
diff --git a/src/index.css b/src/index.css
index a53f322..82e4497 100644
--- a/src/index.css
+++ b/src/index.css
@@ -10,7 +10,7 @@
     }
 
     .link {
-        @apply hover:underline text-blue-500;
+        @apply hover:underline text-cyan-500;
     }
 
 }
diff --git a/src/index.tsx b/src/index.tsx
index 973f5dc..a33c722 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -26,7 +26,7 @@ const HomePage: Component = () => {
             <div class={ "flex flex-wrap justify-center mt-10" }>
                 <For each={ cards }>
                     { card =>
-                        <Card title={ card.title } className={ "m-4" } to={ card.to }>{ card.children }</Card>
+                        <Card title={ card.title } className={ "m-4 text-center" } to={ card.to }>{ card.children }</Card>
                     }
                 </For>
             </div>