From 716d00068fad59e59b6aa1bf0067fe23924b4537 Mon Sep 17 00:00:00 2001
From: Vanessa Tran <Vanessa.M.Tran@gov.ab.ca>
Date: Tue, 22 Oct 2024 16:15:46 -0600
Subject: [PATCH] feat(#2162): add design tokens for table

---
 libs/web-components/src/assets/css/components.css     | 4 ++--
 libs/web-components/src/components/table/Table.svelte | 3 +--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/libs/web-components/src/assets/css/components.css b/libs/web-components/src/assets/css/components.css
index f0550b03a..e3945ba58 100644
--- a/libs/web-components/src/assets/css/components.css
+++ b/libs/web-components/src/assets/css/components.css
@@ -56,10 +56,10 @@ goa-table[variant="relaxed"] td {
 
 goa-table thead th {
   background-color: var(--goa-color-greyscale-white);
-  color: var(--goa-color-text-secondary);
+  color: var(--goa-table-color-heading);
   padding: var(--goa-space-s) var(--goa-table-header-padding, var(--goa-space-m)) var(--goa-space-xs) var(--goa-table-header-padding, var(--goa-space-m));
   text-align: left;
-  border-bottom: 2px solid var(--goa-color-greyscale-600);
+  border-bottom: 2px solid var(--goa-table-color-border-heading);
   vertical-align: bottom;
   }
 
diff --git a/libs/web-components/src/components/table/Table.svelte b/libs/web-components/src/components/table/Table.svelte
index dcf33881d..fdf6a2533 100644
--- a/libs/web-components/src/components/table/Table.svelte
+++ b/libs/web-components/src/components/table/Table.svelte
@@ -126,7 +126,6 @@
   class={`goatable ${variant}`}
   class:sticky={_stickyHeader}
   style={`
-    overflow-x: auto;
     ${`width: ${width || "100%"};`}
     ${calculateMargin(mt, mr, mb, ml)}
   `}
@@ -150,4 +149,4 @@
   table {
     border-collapse: collapse;
   }
-</style>
\ No newline at end of file
+</style>