diff --git a/client/src/document/ingredients/browser-compatibility-table/index-desktop-sticky.scss b/client/src/document/ingredients/browser-compatibility-table/index-desktop-sticky.scss
new file mode 100644
index 000000000000..da0087d5e604
--- /dev/null
+++ b/client/src/document/ingredients/browser-compatibility-table/index-desktop-sticky.scss
@@ -0,0 +1,23 @@
+// Sticky BCD table headers, on sufficiently tall screens
+@use "../../../ui/vars" as *;
+
+@media (min-height: $screen-height-place-limit) {
+  .bc-table {
+    position: relative;
+
+    thead {
+      --offset: var(--sticky-header-with-actions-height);
+      --thead-z-index: calc(var(--z-index-main-header) - 100);
+      background-color: var(--background-primary);
+
+      position: sticky;
+      top: var(--offset);
+      z-index: var(--thead-z-index);
+    }
+  }
+
+  .table-container {
+    overflow-x: auto;
+    overflow-y: visible;
+  }
+}
diff --git a/client/src/document/ingredients/browser-compatibility-table/index.scss b/client/src/document/ingredients/browser-compatibility-table/index.scss
index be464957aaeb..d57df365703b 100644
--- a/client/src/document/ingredients/browser-compatibility-table/index.scss
+++ b/client/src/document/ingredients/browser-compatibility-table/index.scss
@@ -387,6 +387,7 @@ dl.bc-notes-list {
 @import "./index-desktop";
 @import "./index-desktop-md";
 @import "./index-desktop-xl";
+@import "./index-desktop-sticky";
 
 .bcd-cell-text-wrapper {
   display: flex;