From 24a9ad7b5fba1227b8431c22c02413f6d4bcef1e Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gab.dlr3012@gmail.com>
Date: Wed, 24 Dec 2025 13:48:45 -0300
Subject: [PATCH] fix: show scrollbar  only if there is overflow (chromium
 desktop)

---
 .../contact-list-table.scss                   | 43 ++++++++-----------
 1 file changed, 19 insertions(+), 24 deletions(-)

diff --git a/src/app/components/contact-list-table/contact-list-table.scss b/src/app/components/contact-list-table/contact-list-table.scss
index 9dca89f..573ad2a 100644
--- a/src/app/components/contact-list-table/contact-list-table.scss
+++ b/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;
     }
-    
-}
\ No newline at end of file
+  }
+
+  & tbody td {
+    padding: 0.5rem;
+    &:nth-child(4) {
+      text-align: center;
+    }
+  }
+}