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>
               </>
             ) : (