fix: show scrollbar only if there is overflow (chromium desktop)

src/app/components/contact-list-table/contact-list-table.scss

@@ -1,29 +1,24 @@
-:host {
-    overflow: auto;
-}
 div:first-of-type {
-    overflow: scroll;
-    margin-top: 1rem;
+  overflow-x: auto;
+  margin-top: 1rem;
 }
 .contact-list {
-    border-collapse: collapse;
-    width: 100%;
-    
-    & thead {
-        background-color: var(--primary);
-        color: white;
-        text-transform: uppercase;
-        & th {
-            padding: 1rem 0;
-        }
-        
-    }
+  border-collapse: collapse;
+  width: 100%;
 
-    & tbody td {
-        padding: .5rem;
-        &:nth-child(4) {
-            text-align: center;
-        }
+  & thead {
+    background-color: var(--primary);
+    color: white;
+    text-transform: uppercase;
+    & th {
+      padding: 1rem 0;
     }
-    
-}
+  }
+
+  & tbody td {
+    padding: 0.5rem;
+    &:nth-child(4) {
+      text-align: center;
+    }
+  }
+}