diff --git a/apps/web/src/routes/(landing)/components/cta.tsx b/apps/web/src/routes/(landing)/components/cta.tsx
index 14b4ff9..046f7ff 100644
--- a/apps/web/src/routes/(landing)/components/cta.tsx
+++ b/apps/web/src/routes/(landing)/components/cta.tsx
@@ -5,7 +5,7 @@ import { LuArrowRightCircle } from '@qwikest/icons/lucide';
 export const CTA = component$(() => {
   return (
     <Box paddingX="10" paddingY="4" width="full">
-      <Box gap="2" width="full" align="center" paddingY="6" variant="primary" rounded="md">
+      <Box gap="2" width="full" align="center" paddingY="6" variant="primary" rounded="lg">
         <Text theme="primary" variant="title" weight="bold">
           Start your journey with us
         </Text>
diff --git a/apps/web/src/routes/(landing)/components/feature.tsx b/apps/web/src/routes/(landing)/components/feature.tsx
index c40e569..d079b85 100644
--- a/apps/web/src/routes/(landing)/components/feature.tsx
+++ b/apps/web/src/routes/(landing)/components/feature.tsx
@@ -37,9 +37,9 @@ export const Feature = component$(() => {
         All the tools your team needs
       </Text>
       <Text weight="light">Easy to organize, plan and deliver tasks of all size</Text>
-      <Box gridCols="3" paddingY="4" paddingX="10" gap="2">
+      <Box gridCols="3" paddingY="2" paddingX="10" gap="2">
         {Features.map((item: FeatureProps) => (
-          <Box key={item.id} variant="surface" padding="2" rounded="lg" gap="2" direction="vertical" align="top-left">
+          <Box key={item.id} variant="surface" padding="2" rounded="lg" gap="2" direction="vertical" align="top-left" height='full'>
             <Box direction="horizontal" gap="1">
               <Box variant="primary" padding="1" shadow="sm" rounded="full">
                 <Text variant="h3">{item.icon}</Text>
diff --git a/apps/web/src/routes/(landing)/components/hero.tsx b/apps/web/src/routes/(landing)/components/hero.tsx
index f5b4f64..c6d750a 100644
--- a/apps/web/src/routes/(landing)/components/hero.tsx
+++ b/apps/web/src/routes/(landing)/components/hero.tsx
@@ -4,11 +4,11 @@ import { LuArrowUpRight } from '@qwikest/icons/lucide';
 
 export const Hero = component$(() => {
   return (
-    <Box direction="horizontal" height="full" paddingY="8">
+    <Box direction="horizontal" height="full">
       <Box gap="1" width="3/4" align="center">
         <iframe src="https://lottie.host/embed/d4291adc-a4e7-4d9e-b81e-54e7a390dc69/VJVzblxTgI.json" height={700} width={500} />
       </Box>
-      <Box direction="vertical" align="between-start" width="full" height="full" paddingY="5">
+      <Box direction="vertical" align="between-start" width="full" height="full" paddingY="6">
         <Box gap="1" height="half" width="full" align="left">
           <Text variant="hero" theme="gradient" weight="bold">
             Welcome to