From 04cdc03e99be8b5036529e0db315f03f10b460b0 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 12 Mar 2022 14:24:55 -0800
Subject: [PATCH] fix(header-action): audit `HeaderAction` text styles

---
 src/UIShell/GlobalHeader/HeaderAction.svelte | 21 +++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/src/UIShell/GlobalHeader/HeaderAction.svelte b/src/UIShell/GlobalHeader/HeaderAction.svelte
index a29a5cfd..bd52f2ef 100644
--- a/src/UIShell/GlobalHeader/HeaderAction.svelte
+++ b/src/UIShell/GlobalHeader/HeaderAction.svelte
@@ -92,16 +92,23 @@
 
 <style>
   .action-text {
-    font-size: 16px;
-    line-height: 20px;
-    text-decoration: none;
-    color: #fff;
-    width: 100%;
-    padding: 0 1rem;
+    display: inline-flex;
+    align-items: center;
+    width: auto;
+
+    /** 2px bottom padding aligns icon with `HeaderAction` */
+    padding: 0 1rem 2px 1rem;
+
+    /** `body-short-01` styles */
+    font-size: 0.875rem;
+    line-height: 1.28572;
+    letter-spacing: 0.16px;
+
+    /** Same color as `Header` platformName */
+    color: #f4f4f4;
   }
 
   .action-text > span {
     margin-left: 0.75rem;
-    vertical-align: top;
   }
 </style>