From 7048c4c213ed60077aa85c30812d03544b10327a Mon Sep 17 00:00:00 2001
From: Kyle Johnson <kyle@solidstategroup.com>
Date: Thu, 5 Dec 2024 16:02:20 +0000
Subject: [PATCH] fix: anchor button height (#4891)

---
 frontend/web/components/base/forms/Button.tsx | 2 +-
 frontend/web/styles/project/_buttons.scss     | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/web/components/base/forms/Button.tsx b/frontend/web/components/base/forms/Button.tsx
index 8ca31c338d5a..5337ddb04e79 100644
--- a/frontend/web/components/base/forms/Button.tsx
+++ b/frontend/web/components/base/forms/Button.tsx
@@ -62,7 +62,7 @@ export const Button: FC<ButtonType> = ({
       href={hasPlan ? href : Constants.getUpgradeUrl()}
       rel='noreferrer'
     >
-      <div className='d-flex align-items-center justify-content-center gap-2'>
+      <div className='d-flex h-100 align-items-center justify-content-center gap-2'>
         {!!iconLeft && !!hasPlan && (
           <Icon
             fill={
diff --git a/frontend/web/styles/project/_buttons.scss b/frontend/web/styles/project/_buttons.scss
index 01f2b32d8551..e4ddcf17b485 100644
--- a/frontend/web/styles/project/_buttons.scss
+++ b/frontend/web/styles/project/_buttons.scss
@@ -314,20 +314,24 @@ button.btn {
   }
   &-lg {
     line-height: $btn-line-height-lg;
+    height: $btn-line-height-lg;
   }
 
   &-sm {
     line-height: $btn-line-height-sm;
+    height: $btn-line-height-sm;
   }
   &-xsm {
     padding: 0 12px;
     line-height: $btn-line-height-xsm;
+    height: $btn-line-height-xsm;
     font-size: $font-caption-sm;
     border-radius: $border-radius-sm;
   }
 }
 
 .btn-link {
+  display: inline-block;
   text-decoration: none !important;
   vertical-align: baseline;
   font-family: $font-family;