diff --git a/src/pages/cloud/CloudPros.tsx b/src/pages/cloud/CloudPros.tsx
index 21c5abf..2b1aff9 100644
--- a/src/pages/cloud/CloudPros.tsx
+++ b/src/pages/cloud/CloudPros.tsx
@@ -1,4 +1,4 @@
-import { H3, P, Small } from "@/components/Texts";
+import { H3, P, Eyebrow } from "@/components/Texts";
 
 const highlights = [
   {
@@ -37,9 +37,9 @@ export function CloudPros() {
       {/* Intro Block */}
       <div className="bg-[#FDFDFD] w-full max-w-7xl mx-auto border border-t-0 border-b-0 border-gray-100">
         <div className="px-8 py-12 max-w-4xl">
-          <Small className="uppercase tracking-[0.16em] text-cyan-600">
+          <Eyebrow className="uppercase tracking-[0.16em] text-cyan-600">
             Cloud Advantages
-          </Small>
+          </Eyebrow>
 
           <H3 className="mt-4  text-black">
             Why It’s Different