Fix text-decoration-thickness in Safari

Khan · Dec 19, 2024 · 598be12 · 598be12
1 parent df9188e
commit 598be12
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/wonder-blocks-button/src/components/button-core.tsx b/packages/wonder-blocks-button/src/components/button-core.tsx
@@ -486,7 +486,8 @@ export const _generateStyles = (
         };
         const activePressedStyling = {
             color: light ? fadedColor : activeColor,
-            textDecoration: `underline ${theme.size.underline.active}px`,
+            textDecoration: "underline",
+            textDecorationThickness: theme.size.underline.active,
         };
 
         newStyles = {
@@ -497,7 +498,8 @@ export const _generateStyles = (
                 paddingRight: 0,
                 [":hover:not([aria-disabled=true])" as any]: {
                     textUnderlineOffset: theme.font.offset.default,
-                    textDecoration: `underline ${theme.size.underline.hover}px`,
+                    textDecoration: "underline",
+                    textDecorationThickness: theme.size.underline.hover,
                 },
                 [":focus-visible:not([aria-disabled=true])" as any]:
                     focusStyling,