diff --git a/apps/web/public/images/products/bauhaus-echo.png b/apps/web/public/images/products/bauhaus-echo.png
index 81d9f77..f532767 100644
Binary files a/apps/web/public/images/products/bauhaus-echo.png and b/apps/web/public/images/products/bauhaus-echo.png differ
diff --git a/apps/web/public/images/products/suchoice.png b/apps/web/public/images/products/suchoice.png
index 0858087..df09dad 100644
Binary files a/apps/web/public/images/products/suchoice.png and b/apps/web/public/images/products/suchoice.png differ
diff --git a/apps/web/src/app/apps/page.tsx b/apps/web/src/app/apps/page.tsx
index 9bc2848..76ddc56 100644
--- a/apps/web/src/app/apps/page.tsx
+++ b/apps/web/src/app/apps/page.tsx
@@ -99,7 +99,7 @@ export default function LinksPage() {
                     alt={`${app.name} icon`}
                     width={56}
                     height={56}
-                    className="rounded-xl"
+                    className="rounded-[22%]"
                   />
                   <div>
                     <Link href={app.href}>
diff --git a/apps/web/src/app/products/alpha-doc/page.tsx b/apps/web/src/app/products/alpha-doc/page.tsx
index 8ea6fdb..77e93e4 100644
--- a/apps/web/src/app/products/alpha-doc/page.tsx
+++ b/apps/web/src/app/products/alpha-doc/page.tsx
@@ -74,7 +74,7 @@ export default function AlphaDocPage() {
         </Link>
 
         <div className="flex items-center gap-4 mb-2">
-          <Image src="/images/products/alpha-doc.svg" alt="Alpha Doc icon" width={64} height={64} className="rounded-2xl" />
+          <Image src="/images/products/alpha-doc.svg" alt="Alpha Doc icon" width={64} height={64} className="rounded-[22%]" />
           <div>
             <span className="inline-flex items-center rounded-full bg-orange-400/15 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.2em] text-orange-600 dark:text-orange-400 mb-1">
               In Development
diff --git a/apps/web/src/app/products/barns-and-neutrons/page.tsx b/apps/web/src/app/products/barns-and-neutrons/page.tsx
index 3956763..114f5c1 100644
--- a/apps/web/src/app/products/barns-and-neutrons/page.tsx
+++ b/apps/web/src/app/products/barns-and-neutrons/page.tsx
@@ -75,7 +75,7 @@ export default function BarnsAndNeutronsPage() {
         </Link>
 
         <div className="flex items-center gap-4 mb-2">
-          <Image src="/images/products/barns-and-neutrons.svg" alt="Barns & Neutrons icon" width={64} height={64} className="rounded-2xl" />
+          <Image src="/images/products/barns-and-neutrons.svg" alt="Barns & Neutrons icon" width={64} height={64} className="rounded-[22%]" />
           <div>
             <span className="inline-flex items-center rounded-full bg-yellow-400/15 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.2em] text-yellow-600 dark:text-yellow-400 mb-1">
               In Development
diff --git a/apps/web/src/app/products/bauhaus-echo/page.tsx b/apps/web/src/app/products/bauhaus-echo/page.tsx
index 483c172..5c88a94 100644
--- a/apps/web/src/app/products/bauhaus-echo/page.tsx
+++ b/apps/web/src/app/products/bauhaus-echo/page.tsx
@@ -59,7 +59,7 @@ export default function BauhausEchoPage() {
             alt="Bauhaus Echo icon"
             width={80}
             height={80}
-            className="rounded-2xl"
+            className="rounded-[22%]"
           />
           <h1 className="text-4xl md:text-5xl font-bold text-blue-600 dark:text-blue-400">
             Bauhaus Echo
diff --git a/apps/web/src/app/products/bloomword/page.tsx b/apps/web/src/app/products/bloomword/page.tsx
index cc35105..865a615 100644
--- a/apps/web/src/app/products/bloomword/page.tsx
+++ b/apps/web/src/app/products/bloomword/page.tsx
@@ -78,7 +78,7 @@ export default function BloomwordPage() {
         </Link>
 
         <div className="flex items-center gap-4 mb-2">
-          <Image src="/images/products/bloomword.png" alt="Bloomword icon" width={64} height={64} className="rounded-2xl" />
+          <Image src="/images/products/bloomword.png" alt="Bloomword icon" width={64} height={64} className="rounded-[22%]" />
           <div>
             <span className="inline-flex items-center rounded-full bg-green-400/15 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.2em] text-green-600 dark:text-green-400 mb-1">
               Now Live
diff --git a/apps/web/src/app/products/decay-theory/page.tsx b/apps/web/src/app/products/decay-theory/page.tsx
index 6d9c2b4..140a98f 100644
--- a/apps/web/src/app/products/decay-theory/page.tsx
+++ b/apps/web/src/app/products/decay-theory/page.tsx
@@ -75,7 +75,7 @@ export default function DecayTheoryPage() {
         </Link>
 
         <div className="flex items-center gap-4 mb-2">
-          <Image src="/images/products/decay-theory.svg" alt="Decay Theory icon" width={64} height={64} className="rounded-2xl" />
+          <Image src="/images/products/decay-theory.svg" alt="Decay Theory icon" width={64} height={64} className="rounded-[22%]" />
           <div>
             <span className="inline-flex items-center rounded-full bg-cyan-400/15 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.2em] text-cyan-600 dark:text-cyan-400 mb-1">
               In Development
diff --git a/apps/web/src/app/products/meatspace/page.tsx b/apps/web/src/app/products/meatspace/page.tsx
index 05e2096..7ac1178 100644
--- a/apps/web/src/app/products/meatspace/page.tsx
+++ b/apps/web/src/app/products/meatspace/page.tsx
@@ -76,7 +76,7 @@ export default function MeatspacePage() {
         </Link>
 
         <div className="flex items-center gap-4 mb-2">
-          <Image src="/images/products/meatspace.svg" alt="Meatspace icon" width={64} height={64} className="rounded-2xl" />
+          <Image src="/images/products/meatspace.svg" alt="Meatspace icon" width={64} height={64} className="rounded-[22%]" />
           <div>
             <span className="inline-flex items-center rounded-full bg-pink-400/15 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.2em] text-pink-600 dark:text-pink-400 mb-1">
               In Development
diff --git a/apps/web/src/app/products/mushroom-capital/page.tsx b/apps/web/src/app/products/mushroom-capital/page.tsx
index 7f30ac5..cbc41ef 100644
--- a/apps/web/src/app/products/mushroom-capital/page.tsx
+++ b/apps/web/src/app/products/mushroom-capital/page.tsx
@@ -76,7 +76,7 @@ export default function MushroomCapitalPage() {
         </Link>
 
         <div className="flex items-center gap-4 mb-2">
-          <Image src="/images/products/mushroom-capital.png" alt="Mushroom Capital icon" width={64} height={64} className="rounded-2xl" />
+          <Image src="/images/products/mushroom-capital.png" alt="Mushroom Capital icon" width={64} height={64} className="rounded-[22%]" />
           <div>
             <span className="inline-flex items-center rounded-full bg-orange-400/15 px-2.5 py-0.5 font-mono text-[10px] uppercase tracking-[0.2em] text-orange-600 dark:text-orange-400 mb-1">
               Coming Soon
diff --git a/apps/web/src/app/products/suchoice/page.tsx b/apps/web/src/app/products/suchoice/page.tsx
index 8283349..e02503e 100644
--- a/apps/web/src/app/products/suchoice/page.tsx
+++ b/apps/web/src/app/products/suchoice/page.tsx
@@ -60,7 +60,7 @@ export default function SuchoicePage() {
             alt="Suchoice icon"
             width={80}
             height={80}
-            className="rounded-2xl"
+            className="rounded-[22%]"
           />
           <h1 className="text-4xl md:text-5xl font-bold text-pink-600 dark:text-pink-400">
             Suchoice
diff --git a/apps/web/src/app/products/vegan-iq/page.tsx b/apps/web/src/app/products/vegan-iq/page.tsx
index df4fe80..97a2279 100644
--- a/apps/web/src/app/products/vegan-iq/page.tsx
+++ b/apps/web/src/app/products/vegan-iq/page.tsx
@@ -62,7 +62,7 @@ export default function VeganIqPage() {
             alt="Vegan IQ icon"
             width={80}
             height={80}
-            className="rounded-2xl"
+            className="rounded-[22%]"
           />
           <h1 className="text-4xl md:text-5xl font-bold text-green-600 dark:text-green-400">
             Vegan IQ
diff --git a/apps/web/src/app/services/page.tsx b/apps/web/src/app/services/page.tsx
index 0d0a5bc..bfb6a31 100644
--- a/apps/web/src/app/services/page.tsx
+++ b/apps/web/src/app/services/page.tsx
@@ -87,7 +87,7 @@ export default function ServicesPage() {
                 alt="Occupy Wallets"
                 width={72}
                 height={72}
-                className="rounded-xl flex-shrink-0"
+                className="rounded-[22%] flex-shrink-0"
               />
               <div>
                 <h3 className="text-xl font-bold mb-1">Occupy Wallets</h3>
diff --git a/apps/web/src/components/portfolio/products-grid.tsx b/apps/web/src/components/portfolio/products-grid.tsx
index 949f60c..de4fbec 100644
--- a/apps/web/src/components/portfolio/products-grid.tsx
+++ b/apps/web/src/components/portfolio/products-grid.tsx
@@ -69,7 +69,7 @@ function ProductIcon({ product }: { product: Product }) {
         alt={`${product.title} icon`}
         width={56}
         height={56}
-        className="rounded-xl flex-shrink-0"
+        className="rounded-[22%] flex-shrink-0"
       />
     );
   }