From 5198c24d40d81bd7defea7d94305b99b827bcf98 Mon Sep 17 00:00:00 2001
From: Belar <belar@belardesign.com>
Date: Fri, 30 Aug 2024 07:47:27 +0000
Subject: [PATCH 1/2] fix: asterix to align with link tag's label

---
 src/LinkTag.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/LinkTag.css b/src/LinkTag.css
index b27d895..4bbbac2 100644
--- a/src/LinkTag.css
+++ b/src/LinkTag.css
@@ -1,4 +1,7 @@
 .link-tag {
+  display: flex;
+  align-items: center;
+
   border-radius: var(--spacing-4);
 
   padding: 0.1rem var(--spacing-8);

From 0ac9cf64bae20acb7a6bfcee91fbd489fed6a5ce Mon Sep 17 00:00:00 2001
From: Belar <belar@belardesign.com>
Date: Fri, 30 Aug 2024 09:35:55 +0000
Subject: [PATCH 2/2] fix: icon set details to fit the title bar

---
 src/App.tsx     | 16 ++++++++++------
 src/LinkTag.css |  6 +++++-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index f10f337..126f864 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -144,12 +144,16 @@ function App() {
                   <ChevronRight size={12} />
                 )}
               </IconButton>
-              <h1 className="title-m">{name}</h1>
-              <LinkTag href={website}>Website</LinkTag>
-              <LinkTag href={license.url}>
-                License: {license.name}
-                <sup>*</sup>
-              </LinkTag>
+              <div>
+                <h1 className="title-s">{name}</h1>
+                <ControlsBar>
+                  <LinkTag href={website}>Website</LinkTag>
+                  <LinkTag href={license.url}>
+                    License: {license.name}
+                    <sup>*</sup>
+                  </LinkTag>
+                </ControlsBar>
+              </div>
             </ControlsBar>
             {shouldShowIcons && hasMultipleVariants && (
               <Select
diff --git a/src/LinkTag.css b/src/LinkTag.css
index 4bbbac2..1a0922b 100644
--- a/src/LinkTag.css
+++ b/src/LinkTag.css
@@ -4,12 +4,16 @@
 
   border-radius: var(--spacing-4);
 
-  padding: 0.1rem var(--spacing-8);
+  padding: var(--spacing-4);
 
   text-decoration: none;
   cursor: pointer;
 }
 
+.link-tag[class*="body-"] {
+  line-height: 1;
+}
+
 [data-theme="dark"] .link-tag {
   background: var(--db-tertiary);
   color: var(--df-secondary);