From eebe07e87812434da85dd95a341b9e4038c21ce8 Mon Sep 17 00:00:00 2001
From: Sathwik Hejamady Bhat <sathwikhbhat@gmail.com>
Date: Fri, 24 Oct 2025 21:54:17 +0530
Subject: [PATCH] fix: add inline variant to Spinner to prevent button
 expansion

---
 frontend/src/components/Spinner.jsx | 8 +++++++-
 frontend/src/pages/SetupPage.jsx    | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Spinner.jsx b/frontend/src/components/Spinner.jsx
index b828e35..e02a8af 100644
--- a/frontend/src/components/Spinner.jsx
+++ b/frontend/src/components/Spinner.jsx
@@ -1,6 +1,12 @@
 import React from 'react';
 
-const Spinner = () => {
+const Spinner = ({ inline = false }) => {
+  if (inline) {
+    return (
+      <div className="w-5 h-5 border-2 border-dashed rounded-full animate-spin border-white"></div>
+    );
+  }
+
   return (
     <div className="flex justify-center items-center py-10">
       <div className="w-16 h-16 border-4 border-dashed rounded-full animate-spin border-blue-600"></div>
diff --git a/frontend/src/pages/SetupPage.jsx b/frontend/src/pages/SetupPage.jsx
index cb259c5..9b60ec4 100644
--- a/frontend/src/pages/SetupPage.jsx
+++ b/frontend/src/pages/SetupPage.jsx
@@ -94,7 +94,7 @@ const SetupPage = () => {
           >
             {loading ? (
               <>
-                <Spinner />
+                <Spinner inline />
                 <span className="ml-2">Setting up...</span>
               </>
             ) : (