fix(ui-top-nav-bar): keep width unchanged when active status is set t…

…o topnavbar.item Closes: INSTUI-4085 Setting the letterSpacing as a workaround makes the width unchanged during state changes.
instructure · Jun 13, 2024 · f00503e · f00503e
1 parent c13fd7f
commit f00503e
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarItem/styles.ts b/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarItem/styles.ts
@@ -108,7 +108,8 @@ const generateStyle = (
       color: inverseColor ? componentTheme.colorInverse : componentTheme.color,
 
       ...(isActive && {
-        fontWeight: componentTheme.activeItemFontWeight
+        fontWeight: componentTheme.activeItemFontWeight,
+        letterSpacing: -0.1818
       }),
 
       '*': {