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;