diff --git a/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss b/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss
index c645f1e7f..d2132a8a3 100644
--- 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
index e676b60a3..f73328945 100644
--- 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()
     );
   };