From e7297e649d226c955113172064aa302848163e38 Mon Sep 17 00:00:00 2001
From: John Leider <john@vuetifyjs.com>
Date: Wed, 3 Apr 2024 22:53:03 -0500
Subject: [PATCH] fix(VBtn): size loader based on em

fixes #9870
---
 packages/vuetify/src/components/VBtn/VBtn.sass       | 4 ++++
 packages/vuetify/src/components/VBtn/VBtn.tsx        | 1 -
 packages/vuetify/src/components/VBtn/_variables.scss | 1 +
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/vuetify/src/components/VBtn/VBtn.sass b/packages/vuetify/src/components/VBtn/VBtn.sass
index 403645f1ae1..f5dfaa0a8d8 100644
--- a/packages/vuetify/src/components/VBtn/VBtn.sass
+++ b/packages/vuetify/src/components/VBtn/VBtn.sass
@@ -174,6 +174,10 @@
   top: 0
   width: 100%
 
+  > .v-progress-circular
+    width: $button-loader-size
+    height: $button-loader-size
+
 .v-btn__content,
 .v-btn__prepend,
 .v-btn__append
diff --git a/packages/vuetify/src/components/VBtn/VBtn.tsx b/packages/vuetify/src/components/VBtn/VBtn.tsx
index 933df33c792..04d62eda1f8 100644
--- a/packages/vuetify/src/components/VBtn/VBtn.tsx
+++ b/packages/vuetify/src/components/VBtn/VBtn.tsx
@@ -284,7 +284,6 @@ export const VBtn = genericComponent<VBtnSlots>()({
                 <VProgressCircular
                   color={ typeof props.loading === 'boolean' ? undefined : props.loading }
                   indeterminate
-                  size="23"
                   width="2"
                 />
               )}
diff --git a/packages/vuetify/src/components/VBtn/_variables.scss b/packages/vuetify/src/components/VBtn/_variables.scss
index eec2e0ef52a..e5eab86adbf 100644
--- a/packages/vuetify/src/components/VBtn/_variables.scss
+++ b/packages/vuetify/src/components/VBtn/_variables.scss
@@ -32,6 +32,7 @@ $button-stacked-icon-margin: 4px !default;
 $button-icon-border-radius: map.get(settings.$rounded, 'circle') !default;
 $button-icon-font-size: 1rem !default;
 $button-line-height: normal !default;
+$button-loader-size: 1.5em !default;
 $button-stacked-line-height: 1.25 !default;
 $button-plain-opacity: .62 !default;
 $button-padding-ratio: 2.25 !default;