From 43185605ebeebe9c4ddc9d4649b833d128d47f96 Mon Sep 17 00:00:00 2001
From: Florent Chehab <flo@nextmile.fr>
Date: Thu, 19 Mar 2026 11:23:17 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(spinner)=20enforce=20spinner=20hei?=
 =?UTF-8?q?ght?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

For some reason the ProgressBar adds a bit of height to the spinner
which makes it hard to center.
---
 CHANGELOG.md                            | 4 ++++
 src/frontend/src/primitives/Spinner.tsx | 6 +++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 5f55b062..c382f0ac 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,10 @@ and this project adheres to
 - ♿️(frontend) fix more tools heading hierarchy #1181
 - ♿️(fronted) improve button descriptions for More tools actions #1184
 
+### Changed
+
+- 💄(spinner) enforce spinner height
+
 ### Fixed
 
 - 🐛(frontend) disable personal custom background while deleting
diff --git a/src/frontend/src/primitives/Spinner.tsx b/src/frontend/src/primitives/Spinner.tsx
index d921d11a..3224f442 100644
--- a/src/frontend/src/primitives/Spinner.tsx
+++ b/src/frontend/src/primitives/Spinner.tsx
@@ -20,7 +20,11 @@ export const Spinner = ({
   const r = 14 - strokeWidth
   const c = 2 * r * Math.PI
   return (
-    <ProgressBar aria-label="Loading..." value={30}>
+    <ProgressBar
+      aria-label="Loading..."
+      value={30}
+      style={{ height: size, width: size }}
+    >
       {({ percentage }) => (
         <div
           className={css({