diff --git a/build/media_source/system/js/table-columns.es6.js b/build/media_source/system/js/table-columns.es6.js
index 6ffaa4608bac0..f1dcd9b86d838 100644
--- a/build/media_source/system/js/table-columns.es6.js
+++ b/build/media_source/system/js/table-columns.es6.js
@@ -111,11 +111,11 @@ class TableColumns {
 
     // Remove "media query" classes, which may prevent toggling from working.
     this.$headers.forEach(($el) => {
-      $el.classList.remove('d-none', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell');
+      $el.classList.remove('d-none', 'd-xs-table-cell', 'd-sm-table-cell', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell', 'd-xxl-table-cell');
     });
     this.$rows.forEach(($row) => {
       [].slice.call($row.children).forEach(($el) => {
-        $el.classList.remove('d-none', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell');
+        $el.classList.remove('d-none', 'd-xs-table-cell', 'd-sm-table-cell', 'd-md-table-cell', 'd-lg-table-cell', 'd-xl-table-cell', 'd-xxl-table-cell');
       });
     });