Correct layout for sortable headers. (#228)

palmetto · Sep 11, 2020 · 580754c · 580754c
1 parent df501e8
commit 580754c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 12 deletions.
diff --git a/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss b/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss
@@ -34,16 +34,9 @@
     text-align: center;
   }
 
-  .heading,
-  .sort-icon {
-    display: inline-block;
-  }
-
   .heading {
+    display: inline;
+    margin-right: var(--table-header-sort-icon-spacing);
     white-space: initial;
   }
-
-  .sort-icon {
-    margin-left: var(--table-header-sort-icon-spacing);
-  }
 }
diff --git a/src/components/Table/TableHeaderCell/TableHeaderCell.tsx b/src/components/Table/TableHeaderCell/TableHeaderCell.tsx
@@ -100,9 +100,7 @@ const TableHeaderCell: FC<TableHeaderCellProps> = ({
     };
 
     return (
-      <span className={styles['sort-icon']}>
-        {renderArrows()}
-      </span>
+      renderArrows()
     );
   };