diff --git a/src/components/AboutHero.tsx b/src/components/AboutHero.tsx
index 29f022f..4d3bcc9 100644
--- a/src/components/AboutHero.tsx
+++ b/src/components/AboutHero.tsx
@@ -31,7 +31,7 @@ const rotatingWords = [
 export function AboutHero() {
   return (
     <section className="lg:max-w-6xl flex flex-col items-start justify-center min-h-[60vh] px-6 md:px-16  text-white">
-      <h1 className="text-5xl lg:text-6xl font-medium leading-none">
+      <h1 className="text-4xl lg:text-6xl font-medium leading-none">
         Building a Decentralized Internet for{" "}
         <TypeAnimation
           sequence={rotatingWords}
diff --git a/src/components/AboutSolutions.tsx b/src/components/AboutSolutions.tsx
index cc27fa8..8b001d7 100644
--- a/src/components/AboutSolutions.tsx
+++ b/src/components/AboutSolutions.tsx
@@ -19,7 +19,7 @@ export function AboutSolutions() {
 
   return (
     <section
-      className="relative bg-[#121212] text-gray-200 overflow-hidden"
+      className="relative hidden bg-[#121212] text-gray-200 overflow-hidden md:block"
       style={
         {
           "--cell": "4rem",