From e07cb5a9a9b89ce84a5ec70f5da61e8ce792d863 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Tue, 7 Apr 2020 17:55:20 +0200
Subject: [PATCH] Fix table.isFixed (#2529)

---
 packages/react-components/src/Table/index.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react-components/src/Table/index.tsx b/packages/react-components/src/Table/index.tsx
index 277d0a4849..dc9b6be2e4 100644
--- a/packages/react-components/src/Table/index.tsx
+++ b/packages/react-components/src/Table/index.tsx
@@ -21,8 +21,8 @@ function Table ({ children, className, empty, filter, header, isFixed }: TablePr
   const isEmpty = !children || (Array.isArray(children) && children.length === 0);
 
   return (
-    <div className={`ui--Table ${isFixed && 'isFixed'} ${className}`}>
-      <table>
+    <div className={`ui--Table ${className}`}>
+      <table className={`${isFixed && 'isFixed'}`}>
         <Head
           filter={filter}
           header={header}
@@ -50,6 +50,10 @@ export default React.memo(styled(Table)`
     overflow: hidden;
     width: 100%;
 
+    &.isFixed {
+      table-layout: fixed;
+    }
+
     tr {
       max-width: 100%;
       width: 100%;
@@ -76,9 +80,5 @@ export default React.memo(styled(Table)`
         }
       }
     }
-
-    &.isFixed table {
-      table-layout: fixed;
-    }
   }
 `);