diff --git a/src/components/Hero.css b/src/components/Hero.css
index 383b434..043b030 100644
--- a/src/components/Hero.css
+++ b/src/components/Hero.css
@@ -152,14 +152,19 @@ img.hero-graphic {
   line-height: 1rem /* 16px */;
 }
 
+.text-sm {
+  font-size: 0.875rem /* 14px */;
+  line-height: 1.25rem /* 20px */;
+}
+
 .text-xl {
   font-size: 1.25rem /* 20px */;
   line-height: 1.75rem /* 28px */;
 }
 
 .text-3xl {
-  font-size: 1.875rem /* 30px */;
-  line-height: 2.25rem /* 36px */;
+  font-size: 2rem /* 32px */;
+  line-height: 2.5rem /* 40px */;
 }
 
 .tracking-wider {
@@ -302,8 +307,8 @@ img.hero-graphic {
   }
 
   .lg\:text-3xl {
-    font-size: 1.875rem /* 30px */;
-    line-height: 2.25rem /* 36px */;
+    font-size: 2rem /* 32px */;
+    line-height: 2.5rem /* 40px */;
   }
 
   .lg\:text-5xl {
diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx
index c699107..e05d7f7 100644
--- a/src/components/Hero.tsx
+++ b/src/components/Hero.tsx
@@ -6,9 +6,7 @@ import "./Hero.css";
 const Hero = () => (
   <div className="container xl:mx-auto home-hero max-w-[1920px]">
     <div className="mx-auto px-4 md:px-16 xl:pl-18 py-12 lg:py-16 xl:py-24 flex flex-col space-y-4 lg:space-y-6 md:max-w-4xl lg:max-w-6xl">
-      <p className="uppercase text-xs lg:text-sm xl:text-base tracking-wider font-semibold">
-        Privacy & Scaling Explorations
-      </p>
+      <p className="uppercase text-sm xl:text-base tracking-wider font-semibold">Privacy & Scaling Explorations</p>
       <h1 className="text-3xl md:text-4xl lg:text-5xl xl:text-6xl lg:leading-[110%] font-bold">
         Enhancing Ethereum through cryptographic research.
       </h1>