diff --git a/plugins/woocommerce-admin/client/components/table/style.scss b/plugins/woocommerce-admin/client/components/table/style.scss
index 15e991a4080..b5260576bc3 100644
--- a/plugins/woocommerce-admin/client/components/table/style.scss
+++ b/plugins/woocommerce-admin/client/components/table/style.scss
@@ -80,6 +80,9 @@
 	tr:hover,
 	tr:focus-within {
 		background-color: $core-grey-light-200;
+		td {
+			background: transparent;
+		}
 	}
 }
 
@@ -125,6 +128,10 @@
 		max-width: 40px;
 	}
 
+	&.is-sorted {
+		background-color: $core-grey-light-100;
+  }
+  
 	&.is-checkbox-column {
 		width: 33px;
 		max-width: 33px;
diff --git a/plugins/woocommerce-admin/client/components/table/table.js b/plugins/woocommerce-admin/client/components/table/table.js
index babfca831cd..6dde99d1caf 100644
--- a/plugins/woocommerce-admin/client/components/table/table.js
+++ b/plugins/woocommerce-admin/client/components/table/table.js
@@ -198,6 +198,7 @@ class Table extends Component {
 									const cellClasses = classnames( 'woocommerce-table__item', cellClassName, {
 										'is-left-aligned': isLeftAligned,
 										'is-numeric': isNumeric,
+										'is-sorted': sortedBy === headers[ j ].key,
 									} );
 									return (
 										<Cell scope={ isHeader ? 'row' : null } key={ j } className={ cellClasses }>