diff --git a/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarItem/styles.ts b/packages/ui-top-nav-bar/src/TopNavBar/TopNavBarItem/styles.ts
index 9fcab4f2e8..462797fe02 100644
--- 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
       }),
 
       '*': {