diff --git a/.changeset/young-pears-wonder.md b/.changeset/young-pears-wonder.md
new file mode 100644
index 0000000000..18de3ec6a1
--- /dev/null
+++ b/.changeset/young-pears-wonder.md
@@ -0,0 +1,5 @@
+---
+"create-t3-app": patch
+---
+
+fix: resolve target area of `Documentation` links in TechnologyCard
diff --git a/cli/template/page-studs/index/with-auth-trpc-tw.tsx b/cli/template/page-studs/index/with-auth-trpc-tw.tsx
index 596b7935b3..92d87ab4f1 100644
--- a/cli/template/page-studs/index/with-auth-trpc-tw.tsx
+++ b/cli/template/page-studs/index/with-auth-trpc-tw.tsx
@@ -103,7 +103,7 @@ const TechnologyCard = ({
       <h2 className="text-lg text-gray-700">{name}</h2>
       <p className="text-sm text-gray-600">{description}</p>
       <a
-        className="mt-3 text-sm text-violet-500 underline decoration-dotted underline-offset-2"
+        className="m-auto mt-3 w-fit text-sm text-violet-500 underline decoration-dotted underline-offset-2"
         href={documentation}
         target="_blank"
         rel="noreferrer"
diff --git a/cli/template/page-studs/index/with-trpc-tw.tsx b/cli/template/page-studs/index/with-trpc-tw.tsx
index 541dc1a060..f0687879f6 100644
--- a/cli/template/page-studs/index/with-trpc-tw.tsx
+++ b/cli/template/page-studs/index/with-trpc-tw.tsx
@@ -76,7 +76,7 @@ const TechnologyCard = ({
       <h2 className="text-lg text-gray-700">{name}</h2>
       <p className="text-sm text-gray-600">{description}</p>
       <a
-        className="mt-3 text-sm text-violet-500 underline decoration-dotted underline-offset-2"
+        className="m-auto mt-3 w-fit text-sm text-violet-500 underline decoration-dotted underline-offset-2"
         href={documentation}
         target="_blank"
         rel="noreferrer"
diff --git a/cli/template/page-studs/index/with-tw.tsx b/cli/template/page-studs/index/with-tw.tsx
index 3d9c8e7aeb..4a9b75b5a2 100644
--- a/cli/template/page-studs/index/with-tw.tsx
+++ b/cli/template/page-studs/index/with-tw.tsx
@@ -70,7 +70,7 @@ const TechnologyCard = ({
       <h2 className="text-lg text-gray-700">{name}</h2>
       <p className="text-sm text-gray-600">{description}</p>
       <a
-        className="mt-3 text-sm text-violet-500 underline decoration-dotted underline-offset-2"
+        className="m-auto mt-3 w-fit text-sm text-violet-500 underline decoration-dotted underline-offset-2"
         href={documentation}
         target="_blank"
         rel="noreferrer"