diff --git a/src/components/AboutHero.tsx b/src/components/AboutHero.tsx
index 79855bb..29f022f 100644
--- a/src/components/AboutHero.tsx
+++ b/src/components/AboutHero.tsx
@@ -30,19 +30,19 @@ const rotatingWords = [
 
 export function AboutHero() {
   return (
-    <section className="flex flex-col items-start justify-center min-h-[70vh] px-6 md:px-16  text-white">
-      <h1 className="text-5xl lg:text-8xl font-medium leading-none">
+    <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">
         Building a Decentralized Internet for{" "}
         <TypeAnimation
           sequence={rotatingWords}
           wrapper="span"
           speed={50}
-          className="relative inline-block text-[#00FFD1]"
+          className="relative inline-block text-white drop-shadow-[0_0_20px_#ffffff]"
           repeat={Infinity}
         />        .
       </h1>
       <p className="max-w-3xl mt-6 text-lg md:text-2xl text-gray-800">
-        At <span className="text-[#00FFD1] font-medium">ThreeFold</span>, we are empowering
+        At <span className="text-white font-semibold">ThreeFold</span>, we are empowering
         individuals and organizations to shape an open, resilient, and sustainable internet.
       </p>
     </section>
diff --git a/src/components/AboutSolutions.tsx b/src/components/AboutSolutions.tsx
index ae68e25..cc27fa8 100644
--- a/src/components/AboutSolutions.tsx
+++ b/src/components/AboutSolutions.tsx
@@ -41,7 +41,7 @@ export function AboutSolutions() {
           <div
             key={i}
             className={`border border-[#1f1f1f] transition-colors duration-500 cursor-pointer ${
-              active.includes(i) ? "bg-[#00FFD1]" : "bg-transparent"
+              active.includes(i) ? "bg-[#f1fffc]" : "bg-transparent"
             }`}
           />
         ))}