From 5adcc77e1483c6c3489915ec484f1e4a6879dcce Mon Sep 17 00:00:00 2001
From: Dawid Tarasiuk <tarasiukdawid@gmail.com>
Date: Fri, 2 Oct 2020 12:36:41 +0200
Subject: [PATCH] Fix style of product type attributes empty table

---
 .../ProductTypeAttributes.tsx                 | 42 ++++++++++---------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/productTypes/components/ProductTypeAttributes/ProductTypeAttributes.tsx b/src/productTypes/components/ProductTypeAttributes/ProductTypeAttributes.tsx
index defe87b39..dfd6d57d3 100644
--- a/src/productTypes/components/ProductTypeAttributes/ProductTypeAttributes.tsx
+++ b/src/productTypes/components/ProductTypeAttributes/ProductTypeAttributes.tsx
@@ -125,26 +125,28 @@ const ProductTypeAttributes: React.FC<ProductTypeAttributesProps> = props => {
           <col className={classes.colSlug} />
           <col className={classes.colAction} />
         </colgroup>
-        <TableHead
-          colSpan={numberOfColumns}
-          disabled={disabled}
-          dragRows
-          selected={selected}
-          items={attributes}
-          toggleAll={toggleAll}
-          toolbar={toolbar}
-        >
-          <TableCell className={classes.colName}>
-            <FormattedMessage defaultMessage="Attribute name" />
-          </TableCell>
-          <TableCell className={classes.colName}>
-            <FormattedMessage
-              defaultMessage="Slug"
-              description="attribute internal name"
-            />
-          </TableCell>
-          <TableCell />
-        </TableHead>
+        {attributes?.length > 0 && (
+          <TableHead
+            colSpan={numberOfColumns}
+            disabled={disabled}
+            dragRows
+            selected={selected}
+            items={attributes}
+            toggleAll={toggleAll}
+            toolbar={toolbar}
+          >
+            <TableCell className={classes.colName}>
+              <FormattedMessage defaultMessage="Attribute name" />
+            </TableCell>
+            <TableCell className={classes.colName}>
+              <FormattedMessage
+                defaultMessage="Slug"
+                description="attribute internal name"
+              />
+            </TableCell>
+            <TableCell />
+          </TableHead>
+        )}
         <SortableTableBody onSortEnd={onAttributeReorder}>
           {renderCollection(
             attributes,