diff --git a/frontend/src/components/orgs-list.ts b/frontend/src/components/orgs-list.ts
index c79f38ee..9c87bbcd 100644
--- a/frontend/src/components/orgs-list.ts
+++ b/frontend/src/components/orgs-list.ts
@@ -28,7 +28,7 @@ export class OrgsList extends BtrixElement {
   static styles = css`
     btrix-table {
       --btrix-table-grid-template-columns: min-content [clickable-start]
-        minmax(auto, 50ch) auto auto auto [clickable-end] min-content;
+        minmax(auto, 50ch) auto auto auto auto [clickable-end] min-content;
     }
   `;
 
@@ -115,34 +115,36 @@ export class OrgsList extends BtrixElement {
           library="default"
         ></sl-icon
       ></sl-input>
-      <btrix-table>
-        <btrix-table-head class="mb-2">
-          <btrix-table-header-cell>
-            <span class="sr-only">${msg("Status")}</span>
-          </btrix-table-header-cell>
-          <btrix-table-header-cell class="px-2">
-            ${msg("Name")}
-          </btrix-table-header-cell>
-          <btrix-table-header-cell class="px-2">
-            ${msg("Created")}
-          </btrix-table-header-cell>
-          <btrix-table-header-cell class="px-2">
-            ${msg("Members")}
-          </btrix-table-header-cell>
-          <btrix-table-header-cell class="px-2">
-            ${msg("Bytes Stored")}
-          </btrix-table-header-cell>
-          <btrix-table-header-cell class="px-2">
-            ${msg("Last Crawl")}
-          </btrix-table-header-cell>
-          <btrix-table-header-cell>
-            <span class="sr-only">${msg("Actions")}</span>
-          </btrix-table-header-cell>
-        </btrix-table-head>
-        <btrix-table-body class="rounded border">
-          ${orgs?.map(this.renderOrg)}
-        </btrix-table-body>
-      </btrix-table>
+      <div class="-mx-3 overflow-x-auto px-3">
+        <btrix-table>
+          <btrix-table-head class="mb-2">
+            <btrix-table-header-cell>
+              <span class="sr-only">${msg("Status")}</span>
+            </btrix-table-header-cell>
+            <btrix-table-header-cell class="px-2">
+              ${msg("Name")}
+            </btrix-table-header-cell>
+            <btrix-table-header-cell class="px-2">
+              ${msg("Created")}
+            </btrix-table-header-cell>
+            <btrix-table-header-cell class="px-2">
+              ${msg("Members")}
+            </btrix-table-header-cell>
+            <btrix-table-header-cell class="px-2">
+              ${msg("Bytes Stored")}
+            </btrix-table-header-cell>
+            <btrix-table-header-cell class="px-2">
+              ${msg("Last Crawl")}
+            </btrix-table-header-cell>
+            <btrix-table-header-cell>
+              <span class="sr-only">${msg("Actions")}</span>
+            </btrix-table-header-cell>
+          </btrix-table-head>
+          <btrix-table-body class="rounded border">
+            ${orgs?.map(this.renderOrg)}
+          </btrix-table-body>
+        </btrix-table>
+      </div>
 
       ${this.renderOrgQuotas()} ${this.renderOrgProxies()}
       ${this.renderOrgReadOnly()} ${this.renderOrgDelete()}
diff --git a/frontend/src/components/ui/overflow-dropdown.ts b/frontend/src/components/ui/overflow-dropdown.ts
index fa944692..79c5b526 100644
--- a/frontend/src/components/ui/overflow-dropdown.ts
+++ b/frontend/src/components/ui/overflow-dropdown.ts
@@ -50,7 +50,11 @@ export class OverflowDropdown extends TailwindElement {
         hoist
         distance=${ifDefined(this.raised ? "4" : undefined)}
       >
-        <btrix-button slot="trigger" ?raised=${this.raised} size=${this.size}>
+        <btrix-button
+          slot="trigger"
+          ?raised=${this.raised}
+          size=${ifDefined(this.size)}
+        >
           <sl-icon
             label=${msg("Actions")}
             name="three-dots-vertical"
diff --git a/frontend/src/components/ui/table/table.ts b/frontend/src/components/ui/table/table.ts
index 46b0be83..3e0c35db 100644
--- a/frontend/src/components/ui/table/table.ts
+++ b/frontend/src/components/ui/table/table.ts
@@ -38,7 +38,8 @@ export class Table extends LitElement {
     :host {
       display: grid;
       column-gap: var(--btrix-table-column-gap, 0);
-      grid-template-columns: var(--btrix-table-grid-template-columns);
+      grid-template-columns: var(--btrix-table-grid-template-columns--internal);
+      min-width: min-content;
     }
   `;
 
@@ -57,14 +58,12 @@ export class Table extends LitElement {
     if (!headEl) return;
     await headEl.updateComplete;
 
-    if (!this.style.getPropertyValue("--btrix-table-grid-template-columns")) {
-      // `grid-template-columns` must be defined in order for spanning all
-      // columns in a subgrid to work.
-      // See https://github.com/w3c/csswg-drafts/issues/2402
-      this.style.setProperty(
-        "--btrix-table-grid-template-columns",
-        `repeat(${headEl.colCount}, auto)`,
-      );
-    }
+    // `grid-template-columns` must be defined in order for spanning all
+    // columns in a subgrid to work.
+    // See https://github.com/w3c/csswg-drafts/issues/2402
+    this.style.setProperty(
+      "--btrix-table-grid-template-columns--internal",
+      `var(--btrix-table-grid-template-columns, repeat(${headEl.colCount}, auto))`,
+    );
   }
 }
diff --git a/frontend/src/features/archived-items/archived-item-list.ts b/frontend/src/features/archived-items/archived-item-list.ts
index 836b5ead..e90ee081 100644
--- a/frontend/src/features/archived-items/archived-item-list.ts
+++ b/frontend/src/features/archived-items/archived-item-list.ts
@@ -446,12 +446,12 @@ export class ArchivedItemList extends TailwindElement {
     return html`
       <style>
         btrix-table {
-          grid-template-columns: ${headerCols
+          --btrix-table-grid-template-columns: ${headerCols
             .map(({ cssCol }) => cssCol)
             .join(" ")};
         }
       </style>
-      <div class="overflow-auto">
+      <div class="-mx-5 overflow-auto px-5">
         <btrix-table>
           <btrix-table-head class="mb-2">
             <slot
diff --git a/frontend/src/features/archived-items/crawl-list.ts b/frontend/src/features/archived-items/crawl-list.ts
index 95e66380..0772f2e2 100644
--- a/frontend/src/features/archived-items/crawl-list.ts
+++ b/frontend/src/features/archived-items/crawl-list.ts
@@ -278,10 +278,9 @@ export class CrawlList extends TailwindElement {
   render() {
     return html` <style>
         btrix-table {
-          grid-template-columns:
-            min-content [clickable-start]
-            ${this.workflowId ? "" : `auto `}auto auto
-            auto auto auto auto [clickable-end] min-content;
+          --btrix-table-grid-template-columns: min-content [clickable-start]
+            ${this.workflowId ? "" : `auto `}auto auto auto auto auto auto
+            [clickable-end] min-content;
         }
       </style>
       <div class="overflow-auto">
diff --git a/frontend/src/pages/org/archived-item-detail/ui/qa.ts b/frontend/src/pages/org/archived-item-detail/ui/qa.ts
index 2a48146f..6144d776 100644
--- a/frontend/src/pages/org/archived-item-detail/ui/qa.ts
+++ b/frontend/src/pages/org/archived-item-detail/ui/qa.ts
@@ -752,7 +752,7 @@ export class ArchivedItemDetailQA extends BtrixElement {
     return html`
       <btrix-table
         class="-mx-3 overflow-x-auto px-5"
-        style="grid-template-columns: ${[
+        style="--btrix-table-grid-template-columns: ${[
           "[clickable-start] minmax(12rem, auto)",
           "minmax(min-content, 12rem)",
           "minmax(min-content, 12rem) [clickable-end]",
diff --git a/frontend/src/pages/org/browser-profiles-list.ts b/frontend/src/pages/org/browser-profiles-list.ts
index 88f313e4..689ad8af 100644
--- a/frontend/src/pages/org/browser-profiles-list.ts
+++ b/frontend/src/pages/org/browser-profiles-list.ts
@@ -56,9 +56,8 @@ export class BrowserProfilesList extends BtrixElement {
 
   static styles = css`
     btrix-table {
-      grid-template-columns:
-        [clickable-start] minmax(30ch, 50ch) minmax(30ch, 40ch) repeat(2, 1fr)
-        [clickable-end] min-content;
+      --btrix-table-grid-template-columns: [clickable-start] minmax(30ch, 50ch)
+        minmax(30ch, 40ch) repeat(2, 1fr) [clickable-end] min-content;
       --btrix-table-cell-gap: var(--sl-spacing-x-small);
       --btrix-table-cell-padding-x: var(--sl-spacing-small);
     }
diff --git a/frontend/src/pages/org/collections-list.ts b/frontend/src/pages/org/collections-list.ts
index d58149cd..4897f56d 100644
--- a/frontend/src/pages/org/collections-list.ts
+++ b/frontend/src/pages/org/collections-list.ts
@@ -480,7 +480,7 @@ export class CollectionsList extends BtrixElement {
       return html`
         <btrix-table
           class="[--btrix-table-column-gap:var(--sl-spacing-small)]"
-          style="grid-template-columns: min-content [clickable-start] 45em repeat(4, 1fr) [clickable-end] min-content"
+          style="--btrix-table-grid-template-columns: min-content [clickable-start] minmax(min-content, 45em) repeat(4, 1fr) [clickable-end] min-content"
         >
           <btrix-table-head class="mb-2 mt-1 whitespace-nowrap">
             <btrix-table-header-cell>