Apply suggestions from code review

Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>

Author: talbs

packages/webawesome/docs/_includes/nav-products.njk

@@ -15,7 +15,7 @@
         <wa-tooltip for="product-eleventy">Eleventy</wa-tooltip>
       </div>
 
-      <div class="nav-products-secondary wa-cluster wa-gap-0">
+      <div class="nav-products-secondary wa-cluster wa-gap-2xs">
         <wa-button appearance="plain" href="https://www.podcastawesome.com" class="pseudo-product product-podcast-awesome" id="product-podcast-awesome" data-track-event="navigation:product_link_click" data-track-destination="podcast-awesome" data-track-context="products_nav">
           <wa-icon name="microphone-lines"></wa-icon>
         </wa-button>

packages/webawesome/docs/assets/styles/utils.css

@@ -112,6 +112,7 @@
         padding-block: var(--wa-space-m);
         padding-inline: var(--wa-space-xl);
         border-radius: var(--wa-border-radius-s) var(--wa-border-radius-s) 0 0;
+        line-height: 1;
 
         &.product-active {
           background-color: var(--wa-color-surface-default);