From 3be2d3d6cc90a5736deab04ed6f703a23f048476 Mon Sep 17 00:00:00 2001
From: Fredrik Hallberg <saccer92@gmail.com>
Date: Wed, 19 Dec 2018 16:28:02 +0100
Subject: [PATCH] fix(TableContentWrapper): use css vertical-align instead of
 valign

---
 src/components/table-content-wrapper/table-head/table-head.jsx | 2 +-
 .../table-content-wrapper/table-head/table-head.styles.js      | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/table-content-wrapper/table-head/table-head.jsx b/src/components/table-content-wrapper/table-head/table-head.jsx
index 90ed7f53..7535381a 100644
--- a/src/components/table-content-wrapper/table-head/table-head.jsx
+++ b/src/components/table-content-wrapper/table-head/table-head.jsx
@@ -120,7 +120,7 @@ class TableHead extends Component {
                 scope="col"
                 role="columnheader"
                 unstyledChild
-                valign="bottom"
+                className={classes.th}
                 {...col.thProps}
               >
                 <span className={cn({ [classes.screenReadersOnly]: col.hideHeaderLabel })}>
diff --git a/src/components/table-content-wrapper/table-head/table-head.styles.js b/src/components/table-content-wrapper/table-head/table-head.styles.js
index 0c510c67..1f8f6951 100644
--- a/src/components/table-content-wrapper/table-head/table-head.styles.js
+++ b/src/components/table-content-wrapper/table-head/table-head.styles.js
@@ -4,6 +4,9 @@ export default ({ typography, palette, mixins }) => ({
       display: 'none',
     },
   },
+  th: {
+    verticalAlign: 'bottom',
+  },
   button: {
     position: 'relative',
     fontFamily: typography.primary.fontFamily,