diff --git a/lib/ts/controllers/s-table.ts b/lib/ts/controllers/s-table.ts
index 5a5a988864..2ce9f641d0 100644
--- a/lib/ts/controllers/s-table.ts
+++ b/lib/ts/controllers/s-table.ts
@@ -1,5 +1,8 @@
 import * as Stacks from "../stacks";
 
+const sortedHeaderBackground = 'bg-powder-200';
+const sortedColumnBackground = 'bg-powder-100';
+
 export class TableController extends Stacks.StacksController {
     static targets = ["column"];
     readonly columnTarget!: Element;
@@ -19,6 +22,8 @@ export class TableController extends Stacks.StacksController {
                 isCurrrent && direction !== "none"
             );
 
+            target.classList.toggle(sortedHeaderBackground, isCurrrent);
+
             target
                 .querySelectorAll(".js-sorting-indicator")
                 .forEach(function (icon) {
@@ -136,6 +141,13 @@ export class TableController extends Stacks.StacksController {
         data.forEach(function (tup) {
             const row = rows[tup[1]];
             row.parentElement?.removeChild(row);
+
+            for (let i = 0; i < row.cells.length; i++) {
+                const cell = row.cells.item(i);
+
+                cell?.classList.toggle(sortedColumnBackground, i === colno);
+            }
+
             if (firstBottomRow) {
                 tbody.insertBefore(row, firstBottomRow);
             } else {