From 3c6a5ae1c770005090ac5f57572978ef3749358b Mon Sep 17 00:00:00 2001
From: Oscar Busk <oscar.busk@gmail.com>
Date: Tue, 17 Oct 2023 22:53:56 +0200
Subject: [PATCH] Fix main button spinner look

---
 src/app/_page/MainForm/MainForm.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/_page/MainForm/MainForm.tsx b/src/app/_page/MainForm/MainForm.tsx
index a3cd2f90..132a6051 100644
--- a/src/app/_page/MainForm/MainForm.tsx
+++ b/src/app/_page/MainForm/MainForm.tsx
@@ -153,11 +153,17 @@ const MainForm = forwardRef<HTMLFormElement, MainFormProps>(
                                     className="relative overflow-hidden"
                                 >
                                     {isLoading ? (
-                                        <div className="absolute inset-0 flex items-center justify-center bg-primary">
+                                        <div className="absolute inset-0 flex items-center justify-center">
                                             <Loader2 className="animate-spin" />
                                         </div>
                                     ) : null}
-                                    npm diff! 📦🔃
+                                    <span
+                                        className={
+                                            isLoading ? "invisible" : undefined
+                                        }
+                                    >
+                                        npm diff! 📦🔃
+                                    </span>
                                 </Button>
                             </span>
                         </TooltipTrigger>