From 702a84d9ef7e9220d91ecbb26973840261f6d3b9 Mon Sep 17 00:00:00 2001
From: Will Martin <contact@willmartian.com>
Date: Thu, 9 Mar 2023 13:28:48 -0500
Subject: [PATCH] [SM-624] add text-align unset to bitLink (#4961)

---
 apps/web/src/scss/tailwind.css             | 8 ++++++++
 libs/components/src/link/link.directive.ts | 1 +
 2 files changed, 9 insertions(+)

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",