diff --git a/src/components/sections/Services.module.css b/src/components/sections/Services.module.css
index 042c231..d3486ca 100644
--- a/src/components/sections/Services.module.css
+++ b/src/components/sections/Services.module.css
@@ -29,6 +29,16 @@
   gap: var(--space-xl);
 }
 
+.cardWrapper {
+  height: 100%;
+}
+
+.serviceCard {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
 @media (min-width: 1024px) {
   .grid {
     grid-template-columns: repeat(4, 1fr);
diff --git a/src/components/sections/Services.tsx b/src/components/sections/Services.tsx
index a0fa1cf..cbca9b7 100644
--- a/src/components/sections/Services.tsx
+++ b/src/components/sections/Services.tsx
@@ -78,8 +78,8 @@ export function Services() {
           viewport={{ once: true, margin: '-50px' }}
         >
           {t.services.items.map((service, index) => (
-            <motion.div key={index} variants={itemVariants}>
-              <Card>
+            <motion.div key={index} variants={itemVariants} className={styles.cardWrapper}>
+              <Card className={styles.serviceCard}>
                 <Card.Icon>
                   {icons[service.icon as keyof typeof icons]}
                 </Card.Icon>