Fixed button layout to have loading the same size as the original button

src/frontend/src/components/ui/button.tsx

@@ -68,10 +68,17 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
           {...props}
         >
           {loading ? (
-            <ForwardedIconComponent
+            <span className={cn("relative")}>
-              name={"Loader2"}
+              <span className={loading ? "invisible" : "hidden"}>
-              className={"animate-spin"}
+                {newChildren}
-            />
+              </span>
+              <span className="absolute inset-0 flex items-center justify-center">
+                <ForwardedIconComponent
+                  name={"Loader2"}
+                  className={"animate-spin"}
+                />
+              </span>
+            </span>
           ) : (
             newChildren
           )}