From 3d1f8800bd34362b085320d77549349403e2016e Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 12 Mar 2022 14:09:51 -0800
Subject: [PATCH] fix(header-action-link): fix icon alignment with HeaderAction

---
 src/UIShell/GlobalHeader/HeaderActionLink.svelte | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/UIShell/GlobalHeader/HeaderActionLink.svelte b/src/UIShell/GlobalHeader/HeaderActionLink.svelte
index 5fbd292c..508594e2 100644
--- a/src/UIShell/GlobalHeader/HeaderActionLink.svelte
+++ b/src/UIShell/GlobalHeader/HeaderActionLink.svelte
@@ -22,7 +22,6 @@
   bind:this="{ref}"
   class:bx--header__action="{true}"
   class:bx--header__action--active="{linkIsActive}"
-  class:action-link="{true}"
   href="{href}"
   rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
   {...$$restProps}
@@ -31,11 +30,11 @@
 </a>
 
 <style>
-  .action-link {
-    text-align: center;
+  .bx--header__action {
+    display: flex;
     align-items: center;
-    vertical-align: middle;
     justify-content: center;
-    padding-top: 10px;
+    /** Hot fix to align icon with `HeaderAction` */
+    padding-bottom: 2px;
   }
 </style>