diff --git a/tests/snapshots/cookies-dialog.spec.tsx.snap b/tests/snapshots/cookies-dialog.spec.tsx.snap
index 304c958a..e4d6e432 100644
--- a/tests/snapshots/cookies-dialog.spec.tsx.snap
+++ b/tests/snapshots/cookies-dialog.spec.tsx.snap
@@ -91,7 +91,7 @@ exports[`CookiesDialog > should match snapshot when not accepted 1`] = `
     <div
       aria-describedby="radix-:r2:"
       aria-labelledby="radix-:r1:"
-      class="fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg max-w-[300px]"
+      class="fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 sm:rounded-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] max-w-[300px]"
       data-state="open"
       id="radix-:r0:"
       role="dialog"
diff --git a/tests/snapshots/profile-avatar.spec.tsx.snap b/tests/snapshots/profile-avatar.spec.tsx.snap
index de49a3dc..eb9e3d6c 100644
--- a/tests/snapshots/profile-avatar.spec.tsx.snap
+++ b/tests/snapshots/profile-avatar.spec.tsx.snap
@@ -10,7 +10,7 @@ exports[`ProfileAvatar > should match snapshot with fallback 1`] = `
           class="relative shrink-0 overflow-hidden flex rounded-full bg-primary h-[48px] w-[48px]"
         >
           <span
-            class="rounded-full flex h-full w-full items-center justify-center bg-primary text-primary-foreground text-xl"
+            class="rounded-full flex h-full w-full items-center justify-center bg-primary text-white text-xl"
           >
             M
           </span>
@@ -24,7 +24,7 @@ exports[`ProfileAvatar > should match snapshot with fallback 1`] = `
         class="relative shrink-0 overflow-hidden flex rounded-full bg-primary h-[48px] w-[48px]"
       >
         <span
-          class="rounded-full flex h-full w-full items-center justify-center bg-primary text-primary-foreground text-xl"
+          class="rounded-full flex h-full w-full items-center justify-center bg-primary text-white text-xl"
         >
           M
         </span>
@@ -192,7 +192,7 @@ exports[`ProfileAvatar > should match snapshot with size lg 1`] = `
           class="relative shrink-0 overflow-hidden flex rounded-full bg-primary h-[128px] w-[128px]"
         >
           <span
-            class="rounded-full flex h-full w-full items-center justify-center bg-primary text-primary-foreground text-5xl"
+            class="rounded-full flex h-full w-full items-center justify-center bg-primary text-white text-5xl"
           >
             M
           </span>
@@ -206,7 +206,7 @@ exports[`ProfileAvatar > should match snapshot with size lg 1`] = `
         class="relative shrink-0 overflow-hidden flex rounded-full bg-primary h-[128px] w-[128px]"
       >
         <span
-          class="rounded-full flex h-full w-full items-center justify-center bg-primary text-primary-foreground text-5xl"
+          class="rounded-full flex h-full w-full items-center justify-center bg-primary text-white text-5xl"
         >
           M
         </span>
@@ -277,7 +277,7 @@ exports[`ProfileAvatar > should match snapshot with size sm 1`] = `
           class="relative shrink-0 overflow-hidden flex rounded-full bg-primary h-[48px] w-[48px]"
         >
           <span
-            class="rounded-full flex h-full w-full items-center justify-center bg-primary text-primary-foreground text-xl"
+            class="rounded-full flex h-full w-full items-center justify-center bg-primary text-white text-xl"
           >
             M
           </span>
@@ -291,7 +291,7 @@ exports[`ProfileAvatar > should match snapshot with size sm 1`] = `
         class="relative shrink-0 overflow-hidden flex rounded-full bg-primary h-[48px] w-[48px]"
       >
         <span
-          class="rounded-full flex h-full w-full items-center justify-center bg-primary text-primary-foreground text-xl"
+          class="rounded-full flex h-full w-full items-center justify-center bg-primary text-white text-xl"
         >
           M
         </span>
diff --git a/tests/snapshots/profile-card.spec.tsx.snap b/tests/snapshots/profile-card.spec.tsx.snap
index cf194d5a..2deefc88 100644
--- a/tests/snapshots/profile-card.spec.tsx.snap
+++ b/tests/snapshots/profile-card.spec.tsx.snap
@@ -67,15 +67,21 @@ exports[`ProfileCard > should match snapshot 1`] = `
                 <div
                   class="flex items-center gap-2 whitespace-nowrap text-lg leading-5 text-foreground"
                 >
-                  <p>
+                  <a
+                    class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none font-normal"
+                    href="/profile/1/followers"
+                  >
                     420
                      Followers
-                  </p>
+                  </a>
                   •
-                  <p>
+                  <a
+                    class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none font-normal"
+                    href="/profile/1/following"
+                  >
                     69
                      Following
-                  </p>
+                  </a>
                   •
                   <p
                     class="text-primary-foreground/80"
@@ -176,15 +182,21 @@ exports[`ProfileCard > should match snapshot 1`] = `
               <div
                 class="flex items-center gap-2 whitespace-nowrap text-lg leading-5 text-foreground"
               >
-                <p>
+                <a
+                  class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none font-normal"
+                  href="/profile/1/followers"
+                >
                   420
                    Followers
-                </p>
+                </a>
                 •
-                <p>
+                <a
+                  class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 cursor-pointer text-primary-foreground underline-offset-4 hover:underline h-9 p-0 text-lg leading-none font-normal"
+                  href="/profile/1/following"
+                >
                   69
                    Following
-                </p>
+                </a>
                 •
                 <p
                   class="text-primary-foreground/80"