diff --git a/apps/web/components/contacts/contacts-list.tsx b/apps/web/components/contacts/contacts-list.tsx
index f118684..3db173d 100644
--- a/apps/web/components/contacts/contacts-list.tsx
+++ b/apps/web/components/contacts/contacts-list.tsx
@@ -30,9 +30,11 @@ const ContactRow = memo(function ({ contact }: ContactRowProps) {
 });
 
 export function ContactsList() {
-  const { contacts } = useCustomerContacts();
+  const { contacts, isLoading } = useCustomerContacts();
 
-  if (!contacts.length) return <LoadingSpinner />;
+  if (isLoading) return <LoadingSpinner />;
+
+  if (!contacts.length) return <div>Контакты не найдены</div>;
 
   return (
     <div className="space-y-2">
diff --git a/apps/web/hooks/contacts/use-customer-contacts.ts b/apps/web/hooks/contacts/use-customer-contacts.ts
index a48388e..043b41b 100644
--- a/apps/web/hooks/contacts/use-customer-contacts.ts
+++ b/apps/web/hooks/contacts/use-customer-contacts.ts
@@ -8,14 +8,14 @@ import { use, useMemo } from 'react';
 export function useCustomerContacts() {
   const { filter } = use(ContactsFilterContext);
 
-  const { data: clientsData } = useQuery({
+  const { data: clientsData, isLoading: isLoadingClients } = useQuery({
     queryFn: getClients,
     queryKey: ['contacts', 'clients'],
   });
 
   const clients = clientsData?.clients;
 
-  const { data: mastersData } = useQuery({
+  const { data: mastersData, isLoading: isLoadingMasters } = useQuery({
     queryFn: getMasters,
     queryKey: ['contacts', 'masters'],
   });
@@ -33,5 +33,5 @@ export function useCustomerContacts() {
     }
   }, [clients, masters, filter]);
 
-  return { contacts };
+  return { contacts, isLoading: isLoadingClients || isLoadingMasters };
 }