From 9b7464156aaefd96f18f7653828eeb4f1a26741b Mon Sep 17 00:00:00 2001
From: juchechu <maxjerry242@gmail.com>
Date: Wed, 3 Jun 2026 12:18:47 +0100
Subject: [PATCH] fix: invite token button spinner centeralized

---
 .../components/rooms/invite-create-form.tsx      | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/codedock-web/components/rooms/invite-create-form.tsx b/codedock-web/components/rooms/invite-create-form.tsx
index c9becaa..2ffeeba 100644
--- a/codedock-web/components/rooms/invite-create-form.tsx
+++ b/codedock-web/components/rooms/invite-create-form.tsx
@@ -101,15 +101,15 @@ export default function InviteCreateForm({
         </div>
 
         <div className="pt-1">
-          <Button type="submit" disabled={submitting} variant="secondary">
-            {submitting ? (
-              <>
-                <Spinner size="sm" className="mr-2" />
-                Creating…
-              </>
-            ) : (
-              "Create invite token"
+          <Button type="submit" disabled={submitting} variant="secondary" className="relative">
+            {submitting && (
+              <div className="absolute inset-0 flex items-center justify-center">
+                <Spinner size="sm" />
+              </div>
             )}
+            <span className={`relative z-10 transition-opacity duration-200 ${submitting ? "opacity-0" : "opacity-100"}`}>
+              Create invite token
+            </span>
           </Button>
         </div>
       </form>