diff --git a/apps/website/src/components/product/cloud/HeroSection.vue b/apps/website/src/components/product/cloud/HeroSection.vue
index 201fa7b792..1030bdb5f8 100644
--- a/apps/website/src/components/product/cloud/HeroSection.vue
+++ b/apps/website/src/components/product/cloud/HeroSection.vue
@@ -379,7 +379,7 @@ const { locale = 'en' } = defineProps<{ locale?: Locale }>()
 
     <!-- Text -->
     <div
-      class="relative z-10 mt-17 w-full px-4 pb-16 lg:mt-0 lg:min-w-160 lg:flex-1 lg:translate-x-[25%] lg:px-20 lg:py-14"
+      class="relative z-10 mt-17 w-full px-4 pb-16 lg:mt-0 lg:min-w-160 lg:flex-1 lg:translate-x-[10%] lg:px-20 lg:py-14"
     >
       <ProductHeroBadge text="CLOUD" />