fix: table header styling

ccontrols · Dec 6, 2020 · 6a522aa · 6a522aa
1 parent 8a577b2
commit 6a522aa
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/ui/components/src/ThemeContext/theme.ts b/ui/components/src/ThemeContext/theme.ts
@@ -330,7 +330,8 @@ export const theme: ControlsTheme = {
     },
     th: {
       border: 'none',
-      px: 2,
+      py: 2,
+      pr: 2,
       pl: 3,
     },
     tbody: {
@@ -339,8 +340,8 @@ export const theme: ControlsTheme = {
       },
     },
     thead: {
-      borderBottom: (t: Theme): string => ` 1px solid  ${t.colors?.shadow}`,
-      backgroundColor: 'muted',
+      borderBottom: (t: Theme): string => ` 2px solid  ${t.colors?.shadow}`,
+      backgroundColor: 'background',
       color: 'text',
     },
     td: {