diff --git a/apps/provider-console/src/components/become-provider/ServerAccess.tsx b/apps/provider-console/src/components/become-provider/ServerAccess.tsx
index d2e63773f3..22e86cd9a4 100644
--- a/apps/provider-console/src/components/become-provider/ServerAccess.tsx
+++ b/apps/provider-console/src/components/become-provider/ServerAccess.tsx
@@ -25,7 +25,8 @@ export const ServerAccess: React.FC<ServerAccessProps> = ({ onComplete }) => {
 
   const { walletBalances } = useWallet();
   const MIN_BALANCE = 5_000_000;
-  const hasEnoughBalance = (walletBalances?.uakt || 0) >= MIN_BALANCE;
+  const hasEnoughBalance = walletBalances !== null && (walletBalances.uakt || 0) >= MIN_BALANCE;
+  const isBalanceLoaded = walletBalances !== null;
 
   // Define calculateNodeCounts before using it in useEffect
   const calculateNodeCounts = useCallback((totalNodes: number) => {
@@ -37,10 +38,10 @@ export const ServerAccess: React.FC<ServerAccessProps> = ({ onComplete }) => {
   }, []);
 
   React.useEffect(() => {
-    if (!hasEnoughBalance) {
+    if (isBalanceLoaded && !hasEnoughBalance) {
       setShowBalancePopup(true);
     }
-  }, [hasEnoughBalance]);
+  }, [hasEnoughBalance, isBalanceLoaded]);
 
   // Initialize server configs whenever number of servers changes or we activate server form
   React.useEffect(() => {
@@ -97,12 +98,15 @@ export const ServerAccess: React.FC<ServerAccessProps> = ({ onComplete }) => {
   }, []);
 
   const handleNextClick = useCallback(() => {
+    if (!isBalanceLoaded) {
+      return;
+    }
     if (!hasEnoughBalance) {
       setShowBalancePopup(true);
       return;
     }
     setShowNodeDistribution(true);
-  }, [hasEnoughBalance]);
+  }, [hasEnoughBalance, isBalanceLoaded]);
 
   const handleDistributionNext = useCallback(() => {
     setShowNodeDistribution(false);
@@ -137,8 +141,11 @@ export const ServerAccess: React.FC<ServerAccessProps> = ({ onComplete }) => {
           </div>
           <div className="flex w-full justify-between">
             <div className="flex justify-start"></div>
-            <div className="flex justify-end">
-              <Button onClick={handleNextClick}>Next</Button>
+            <div className="flex flex-col items-end gap-2">
+              {!isBalanceLoaded && <p className="text-muted-foreground text-sm">Loading wallet balance...</p>}
+              <Button onClick={handleNextClick} disabled={!isBalanceLoaded}>
+                Next
+              </Button>
             </div>
           </div>
         </div>