diff --git a/apps/web/components/profile/subscription-bar.tsx b/apps/web/components/profile/subscription-bar.tsx
index 92ee4ea..0a5af33 100644
--- a/apps/web/components/profile/subscription-bar.tsx
+++ b/apps/web/components/profile/subscription-bar.tsx
@@ -15,6 +15,8 @@ export function SubscriptionInfoBar() {
 
   const { data: { customer } = {}, isLoading: isLoadingCustomer } = useCustomerQuery();
 
+  if (customer?.role === Enum_Customer_Role.Client) return null;
+
   const isLoading = isLoadingCustomer || isLoadingSubscription || isLoadingSubscriptionSetting;
 
   const isActive = data?.hasActiveSubscription;
@@ -36,8 +38,6 @@ export function SubscriptionInfoBar() {
 
   if (!subscriptionSetting?.proEnabled) return null;
 
-  if (customer?.role === Enum_Customer_Role.Client) return null;
-
   return (
     <Link href="/pro" rel="noopener noreferrer">
       <div className={cn('px-4', isLoading && 'animate-pulse')}>