diff --git a/packages/nextjs/app/about/About.tsx b/packages/nextjs/app/about/About.tsx
index 827e713..0eee04e 100644
--- a/packages/nextjs/app/about/About.tsx
+++ b/packages/nextjs/app/about/About.tsx
@@ -48,20 +48,6 @@ export const About = () => {
           </div>
         </div>
 
-        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
-          <div className="card-body items-center text-center flex-grow overflow-hidden">
-            <span className="text-6xl">💎</span>
-            <h2 className="card-title text-2xl font-mono">Posts are NFTs! </h2>
-            <p>
-              If you didn&apos;t know,{" "}
-              <Link href="https://opensea.io/learn/nft/what-are-nfts" target="_blank">
-                <span className="pr-1 text-emerald-600 font-bold underline underline-offset-2">NFTs </span>
-              </Link>{" "}
-              are digital collectibles that can be resold ! 🤯
-            </p>
-          </div>
-        </div>
-
         <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between  lg:rounded-xl bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
             <span className="text-6xl">🫂</span>
@@ -92,6 +78,20 @@ export const About = () => {
           </div>
         </div>
 
+        <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between bg-base-100 shadow-xl">
+          <div className="card-body items-center text-center flex-grow overflow-hidden">
+            <span className="text-6xl">💎</span>
+            <h2 className="card-title text-2xl font-mono">Posts are NFTs! </h2>
+            <p>
+              If you didn&apos;t know,{" "}
+              <Link href="https://opensea.io/learn/nft/what-are-nfts" target="_blank">
+                <span className="pr-1 text-emerald-600 font-bold underline underline-offset-2">NFTs </span>
+              </Link>{" "}
+              are digital collectibles that can be resold ! 🤯
+            </p>
+          </div>
+        </div>
+
         <div className="card lg:h-[270px] max-w-[400px] flex flex-col justify-between items-center bg-base-100 shadow-xl">
           <div className="card-body items-center text-center flex-grow overflow-hidden">
             <span className="text-6xl">🫰</span>