diff --git a/src/app/components/contact-list/contact-list.html b/src/app/components/contact-list/contact-list.html
index 21196b2..3776def 100644
--- a/src/app/components/contact-list/contact-list.html
+++ b/src/app/components/contact-list/contact-list.html
@@ -2,10 +2,13 @@
     <div class="contact-list__container">
         <h2>{{languageManager.strings.contacts|upperfirst}}</h2>
         <app-contact-search-bar (contactSearch)="filter=$event"/>
+        @let contactsCount = (this.contacts$|async|contactsFilter:filter)?.length ?? 0;
         <app-counter 
-            [count]="(this.contacts$|async)?.length ?? 0"
+            [count]="contactsCount"
             item="{{languageManager.strings.contacts}}"
         />
-        <app-contact-list-table [contactList]="(this.contacts$|async)|contactsFilter:filter"/>
+        @if(contactsCount !== 0) {
+            <app-contact-list-table [contactList]="(this.contacts$|async)|contactsFilter:filter"/>
+        }
     </div>
 </div>
\ No newline at end of file