diff --git a/packages/ui/src/makerkit/global-loader.tsx b/packages/ui/src/makerkit/global-loader.tsx
index c474b4ac8..6e45f51cf 100644
--- a/packages/ui/src/makerkit/global-loader.tsx
+++ b/packages/ui/src/makerkit/global-loader.tsx
@@ -16,13 +16,13 @@ export function GlobalLoader({
   return (
     <>
       <If condition={displayTopLoadingBar}>
-        <TopLoadingBarIndicator completeOnUnmount={false} />
+        <TopLoadingBarIndicator />
       </If>
 
       <If condition={displaySpinner}>
         <div
           className={
-            'zoom-in-80 flex flex-1 flex-col items-center justify-center py-48 animate-in fade-in'
+            'flex flex-1 flex-col items-center justify-center py-48 animate-in fade-in zoom-in-50 slide-in-from-bottom-4'
           }
         >
           <LoadingOverlay displayLogo={displayLogo} fullPage={fullPage} />
diff --git a/packages/ui/src/makerkit/top-loading-bar-indicator.tsx b/packages/ui/src/makerkit/top-loading-bar-indicator.tsx
index 241c4a9d1..0b6c93090 100644
--- a/packages/ui/src/makerkit/top-loading-bar-indicator.tsx
+++ b/packages/ui/src/makerkit/top-loading-bar-indicator.tsx
@@ -1,35 +1,31 @@
 'use client';
 
-import { createRef, useEffect, useRef } from 'react';
+import { createRef, useEffect } from 'react';
 
 import type { LoadingBarRef } from 'react-top-loading-bar';
 import LoadingBar from 'react-top-loading-bar';
 
-export function TopLoadingBarIndicator({
-  completeOnUnmount = true,
-}: {
-  completeOnUnmount?: boolean;
-}) {
+let running = false;
+
+export function TopLoadingBarIndicator() {
   const ref = createRef<LoadingBarRef>();
-  const runningRef = useRef(false);
 
   useEffect(() => {
-    if (!ref.current || runningRef.current) {
+    if (!ref.current || running) {
       return;
     }
 
+    running = true;
+
     const loadingBarRef = ref.current;
 
-    loadingBarRef.continuousStart(0, 250);
-    runningRef.current = true;
+    loadingBarRef.continuousStart(0, 300);
 
     return () => {
-      if (completeOnUnmount) {
-        loadingBarRef.complete();
-      }
-      runningRef.current = false;
+      loadingBarRef.complete();
+      running = false;
     };
-  }, [completeOnUnmount, ref]);
+  }, [ref]);
 
   return (
     <LoadingBar