From b75a97c78d6c47ac547c16e8bc38ec1fbe9c4602 Mon Sep 17 00:00:00 2001
From: Lauren Davidson <32903719+1aurend@users.noreply.github.com>
Date: Wed, 17 Jan 2024 11:30:47 -0800
Subject: [PATCH] [B] Adjust underline position

* FF + Safari show broken underlines, especially in list views, without
this offset.
---
 client/src/theme/styles/base/typography.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/src/theme/styles/base/typography.js b/client/src/theme/styles/base/typography.js
index 4ea6ca2d26..4588ab7bdb 100644
--- a/client/src/theme/styles/base/typography.js
+++ b/client/src/theme/styles/base/typography.js
@@ -20,11 +20,18 @@ export default `
     text-decoration-thickness: inherit;
   }
 
+  a,
+  span,
+  div {
+    text-underline-offset: 1px;
+  }
+
   mtext {
     font-family: Latin Modern Roman, LMRoman12, STIX Two Text;
   }
   math {
     font-family: Latin Modern Math, STIX Two Math;
+    text-underline-position: under;
   }
 
   .font-sans-serif,