diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.html b/src/app/components/contacts/contact-detail/contact-detail.component.html
index 940ec40..9f57c0b 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.html
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.html
@@ -64,13 +64,18 @@
           {{ firebaseService.getUserDetails(currentUserId, "email") }}
         </a>
         <p>Phone:</p>
+        @if(firebaseService.getUserDetails(currentUserId, 'phone')[0] === '') {
+        <span>no phone</span> } @else {
         <a
           [href]="
             'tel:' + firebaseService.getUserDetails(currentUserId, 'phone')
           "
         >
-          {{ firebaseService.getUserDetails(currentUserId, "phone") }}
+          <span>{{
+            firebaseService.getUserDetails(currentUserId, "phone")
+          }}</span>
         </a>
+        }
       </div>
     </div>
   </div>
diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.scss b/src/app/components/contacts/contact-detail/contact-detail.component.scss
index c92d7c4..d974f55 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.scss
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.scss
@@ -113,6 +113,10 @@
       font-weight: 700;
       padding: 24px 0 12px 0;
     }
+    span {
+      font-size: 16px;
+      font-weight: 400;
+    }
     a {
       font-size: 16px;
       font-weight: 400;