diff --git a/packages/ui/src/makerkit/loading-overlay.tsx b/packages/ui/src/makerkit/loading-overlay.tsx
index 2465aa70d..c990fc55d 100644
--- a/packages/ui/src/makerkit/loading-overlay.tsx
+++ b/packages/ui/src/makerkit/loading-overlay.tsx
@@ -7,8 +7,10 @@ export function LoadingOverlay({
children,
className,
fullPage = true,
+ spinnerClassName,
}: PropsWithChildren<{
className?: string;
+ spinnerClassName?: string;
fullPage?: boolean;
displayLogo?: boolean;
}>) {
@@ -23,7 +25,7 @@ export function LoadingOverlay({
},
)}
>
-
+
{children}
diff --git a/packages/ui/src/makerkit/spinner.tsx b/packages/ui/src/makerkit/spinner.tsx
index c9dafe000..9a824b638 100644
--- a/packages/ui/src/makerkit/spinner.tsx
+++ b/packages/ui/src/makerkit/spinner.tsx
@@ -10,11 +10,10 @@ export function Spinner(