diff --git a/src/components/cards/GridCard.astro b/src/components/cards/GridCard.astro
index 6c4ddb7..bb00d72 100644
--- a/src/components/cards/GridCard.astro
+++ b/src/components/cards/GridCard.astro
@@ -11,9 +11,9 @@ const imageUrl = props.image || ''
     <div class="aspect-square overflow-hidden">
     <div class={`flex flex-col justify-between h-full bg-[${props.bgColor}]`}>
         { props.type === 'text' && (
-            <div class="p-16">
-                <Icon name={props.icon} class="text-8xl" />
-                <p>{props.text}</p>
+            <div class="p-16 flex flex-col justify-between h-full">
+                <Icon name={props.icon} class={`text-8xl text-[${textColor}]`} />
+                <p class={`text-[${textColor}]`}>{props.text}</p>
             </div>
         )}
         { props.type === 'image' && (