From 8fa0efd735f58dc9305ad907fb9453bf2cbabbbf Mon Sep 17 00:00:00 2001
From: Lazizbek Ergashev <20501725+lazerg@users.noreply.github.com>
Date: Sat, 5 Sep 2026 00:16:43 +0500
Subject: [PATCH] fix(theme): decouple VPButton height from line-height

---
 src/client/theme-default/components/VPButton.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/client/theme-default/components/VPButton.vue b/src/client/theme-default/components/VPButton.vue
index 51b7e9ec..23208e14 100644
--- a/src/client/theme-default/components/VPButton.vue
+++ b/src/client/theme-default/components/VPButton.vue
@@ -42,7 +42,9 @@ const component = computed(() => {
 
 <style scoped>
 .VPButton {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
   border: 1px solid transparent;
   text-align: center;
   font-weight: 600;
@@ -56,16 +58,16 @@ const component = computed(() => {
 }
 
 .VPButton.medium {
+  height: 2.5rem;
   border-radius: 1.25rem;
   padding: 0 1.25rem;
-  line-height: 2.7142857;
   font-size: 0.875rem;
 }
 
 .VPButton.big {
+  height: 3rem;
   border-radius: 1.5rem;
   padding: 0 1.5rem;
-  line-height: 2.875;
   font-size: 1rem;
 }