diff --git a/apps/web/src/scss/tailwind.css b/apps/web/src/scss/tailwind.css
index a5eae6122ea..c1875f53e41 100644
--- a/apps/web/src/scss/tailwind.css
+++ b/apps/web/src/scss/tailwind.css
@@ -20,3 +20,11 @@ summary.tw-list-none::marker,
 summary.tw-list-none::-webkit-details-marker {
   display: none;
 }
+
+/** 
+ * Arbitrary values can't be used with `text-align`:
+ * https://github.com/tailwindlabs/tailwindcss/issues/802#issuecomment-849013311
+ */
+.tw-text-unset {
+  text-align: unset;
+}
diff --git a/libs/components/src/link/link.directive.ts b/libs/components/src/link/link.directive.ts
index 12d802226f4..b2e551ddeff 100644
--- a/libs/components/src/link/link.directive.ts
+++ b/libs/components/src/link/link.directive.ts
@@ -24,6 +24,7 @@ const linkStyles: Record<LinkType, string[]> = {
 };
 
 const commonStyles = [
+  "tw-text-unset",
   "tw-leading-none",
   "tw-p-0",
   "tw-font-semibold",