diff --git a/src/routes/(marketing)/(components)/features.svelte b/src/routes/(marketing)/(components)/features.svelte
index 2577928684..f17badd8a0 100644
--- a/src/routes/(marketing)/(components)/features.svelte
+++ b/src/routes/(marketing)/(components)/features.svelte
@@ -72,10 +72,10 @@
     <div class="container mx-auto">
         <section class="flex flex-col gap-4 lg:flex-row lg:items-baseline lg:gap-x-20">
             <h2
-                class="text-title font-aeonik-pro text-primary max-w-[700px] text-3xl leading-12 text-pretty sm:text-4xl md:text-5xl"
+                class="text-title font-aeonik-pro text-primary max-w-[700px] text-2xl leading-10 text-pretty min-[370px]:text-3xl min-[370px]:leading-12 sm:text-4xl md:text-5xl"
             >
                 Safely scale with built-in
-                <span class="whitespace-nowrap">security and compliance</span><span
+                <span class="min-[370px]:whitespace-nowrap">security and compliance</span><span
                     class="text-accent">_</span
                 >
             </h2>