@transferwise/neptune-css 12.4.0 → 12.4.1

package/dist/css/table.css

@@ -1 +1 @@
-table{background-color:#fff;background-color:var(--color-background-screen,#fff);border-collapse:separate}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}caption{padding-top:16px;padding-bottom:16px;color:#5d7079;color:var(--color-content-secondary,#5d7079);text-align:left}[dir=rtl] caption{text-align:right}th{text-align:left}[dir=rtl] th{text-align:right}.table{width:100%;max-width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px)}.table>.tbody>dl>dd,.table>.tfoot>ol>li,.table>.thead>ol>li,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:24px 16px;padding:var(--size-24,24px) 16px;line-height:1.5;line-height:var(--line-height-body,1.5);vertical-align:top;border-top:1px solid rgba(134,167,189,.10196078431372549);border-top:1px solid var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-bottom:0;transition:border .15s ease}.table>.thead>ol>li,.table>thead>tr>th{vertical-align:bottom}.table>.thead>ol>li a,.table>thead>tr>th a{text-decoration:none}.table>.thead>ol>li .tw-icon,.table>thead>tr>th .tw-icon{margin-top:-3px}.table>.thead:first-child>ol:first-child>li,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.table .table{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table>.tfoot,.table>.thead,.table>tfoot,.table>thead{color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody,.table>.tfoot,.table>.thead,.table>tbody,.table>tfoot,.table>thead{font-size:.875rem;font-size:var(--font-size-14,.875rem)}.table>.tbody>dl>.th,.table>tbody>tr>th{color:#37517e;color:var(--color-content-primary,#37517e)}.table-condensed>.tbody>dl>dd,.table-condensed>.thead>ol>li,.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:8px}.table-bordered{border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px}.table-bordered .thead,.table-bordered thead{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (max-width:767px){div.table-bordered:not(.table-responsive){border:0}}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (min-width:768px){.table-striped>.tbody>dl:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}}table col[class*=col-]{position:static;float:none;display:table-column}.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary{background-color:#37517e}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:rgba(54,199,151,.10196078431372549);background-color:var(--color-background-positive,rgba(54,199,151,.10196078431372549))}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:rgba(56,200,255,.10196078431372549);background-color:var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:rgba(255,172,0,.10196078431372549);background-color:var(--color-background-warning,rgba(255,172,0,.10196078431372549))}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:rgba(255,135,135,.10196078431372549);background-color:var(--color-background-negative,rgba(255,135,135,.10196078431372549))}.table-hover>tbody>tr.default:hover>td,.table-hover>tbody>tr.default:hover>th,.table-hover>tbody>tr:hover>.default,.table-hover>tbody>tr>td.default:hover,.table-hover>tbody>tr>th.default:hover,.table>tbody>tr.default>td,.table>tbody>tr.default>th,.table>tbody>tr>td.default,.table>tbody>tr>th.default,.table>tfoot>tr.default>td,.table>tfoot>tr.default>th,.table>tfoot>tr>td.default,.table>tfoot>tr>th.default,.table>thead>tr.default>td,.table>thead>tr.default>th,.table>thead>tr>td.default,.table>thead>tr>th.default{background-color:var(--color-background-secondary)}.table-responsive{overflow-x:auto;min-height:.01%}.table-responsive.table-bordered{border:0}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px);overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.table-responsive.table-bordered{border:1px solid rgba(134,167,189,.10196078431372549);border:1px solid var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-radius:3px}}@media (min-width:768px){.table{display:table}.table>.thead{display:table-header-group}.table>.thead>ol{display:table-row}.table>.thead>ol>li{display:table-cell;font-weight:800;font-weight:var(--font-weight-bold,800);color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody{display:table-row-group}.table>.tbody>dl{display:table-row}.table>.tbody>dl>dt{display:none}.table>.tbody>dl>dd{display:table-cell;font-size:.875rem;font-size:var(--font-size-14,.875rem);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.table>.tfoot{display:table-footer-group}}@media (max-width:767px){.table>.thead{display:none}.table>.tbody>dl{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary,#c9cbce);border-radius:3px;margin-bottom:24px;margin-bottom:var(--size-24,24px);padding:24px 1.5 0;padding:var(--size-24,24px) var(--line-height-body,1.5) 0}.table>.tbody>dl>dd{padding:0;border:0}.table>.tbody>dl>dd:empty{margin:0}}@media (max-width:575px){.table>.tbody>dl{padding-bottom:8px}}.table-calendar{min-width:300px}.table-calendar>tbody>tr>td{padding:0}.table-calendar>tbody>tr>td>a{display:block;padding:4px 0;margin:4px 2px;border-radius:3px;text-align:center;text-decoration:none}.table-calendar>tbody>tr>td>a.active{background-color:#37517e;color:#fff}.table-calendar>tbody>tr>td>a:not([disabled]):hover{background-color:#0097c7;background-color:var(--color-content-accent,#0097c7);color:#fff}.table-calendar>thead>tr>th{text-align:center}
+table{background-color:#fff;background-color:var(--color-background-screen,#fff);border-collapse:separate}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}caption{padding-top:16px;padding-bottom:16px;color:#5d7079;color:var(--color-content-secondary,#5d7079);text-align:left}[dir=rtl] caption{text-align:right}th{text-align:left}[dir=rtl] th{text-align:right}.table{width:100%;max-width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px)}.table>.tbody>dl>dd,.table>.tfoot>ol>li,.table>.thead>ol>li,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:24px 16px;padding:var(--size-24,24px) 16px;line-height:1.5;line-height:var(--line-height-body,1.5);vertical-align:top;border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-bottom:0;transition:border .15s ease}.table>.thead>ol>li,.table>thead>tr>th{vertical-align:bottom}.table>.thead>ol>li a,.table>thead>tr>th a{text-decoration:none}.table>.thead>ol>li .tw-icon,.table>thead>tr>th .tw-icon{margin-top:-3px}.table>.thead:first-child>ol:first-child>li,.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:1px solid rgba(0,0,0,.10196078431372549);border-top:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549))}.table .table{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table>.tfoot,.table>.thead,.table>tfoot,.table>thead{color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody,.table>.tfoot,.table>.thead,.table>tbody,.table>tfoot,.table>thead{font-size:.875rem;font-size:var(--font-size-14,.875rem)}.table>.tbody>dl>.th,.table>tbody>tr>th{color:#37517e;color:var(--color-content-primary,#37517e)}.table-condensed>.tbody>dl>dd,.table-condensed>.thead>ol>li,.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:8px}.table-bordered{border:1px solid rgba(0,0,0,.10196078431372549);border:1px solid var(--color-border-neutral,rgba(0,0,0,.10196078431372549));border-radius:3px}.table-bordered .thead,.table-bordered thead{background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (max-width:767px){div.table-bordered:not(.table-responsive){border:0}}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}@media (min-width:768px){.table-striped>.tbody>dl:nth-of-type(odd){background-color:rgba(134,167,189,.10196078431372549);background-color:var(--color-background-neutral,rgba(134,167,189,.10196078431372549))}}table col[class*=col-]{position:static;float:none;display:table-column}.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary{background-color:#37517e}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#fff;background-color:var(--color-background-screen,#fff)}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:rgba(54,199,151,.10196078431372549);background-color:var(--color-background-positive,rgba(54,199,151,.10196078431372549))}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:rgba(56,200,255,.10196078431372549);background-color:var(--color-background-accent,rgba(56,200,255,.10196078431372549))}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:rgba(255,172,0,.10196078431372549);background-color:var(--color-background-warning,rgba(255,172,0,.10196078431372549))}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:rgba(255,135,135,.10196078431372549);background-color:var(--color-background-negative,rgba(255,135,135,.10196078431372549))}.table-hover>tbody>tr.default:hover>td,.table-hover>tbody>tr.default:hover>th,.table-hover>tbody>tr:hover>.default,.table-hover>tbody>tr>td.default:hover,.table-hover>tbody>tr>th.default:hover,.table>tbody>tr.default>td,.table>tbody>tr.default>th,.table>tbody>tr>td.default,.table>tbody>tr>th.default,.table>tfoot>tr.default>td,.table>tfoot>tr.default>th,.table>tfoot>tr>td.default,.table>tfoot>tr>th.default,.table>thead>tr.default>td,.table>thead>tr.default>th,.table>thead>tr>td.default,.table>thead>tr>th.default{background-color:var(--color-background-secondary)}.table-responsive{overflow-x:auto;min-height:.01%}.table-responsive.table-bordered{border:0}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:24px;margin-bottom:var(--size-24,24px);overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.table-responsive.table-bordered{border:1px solid rgba(134,167,189,.10196078431372549);border:1px solid var(--color-background-neutral,rgba(134,167,189,.10196078431372549));border-radius:3px}}@media (min-width:768px){.table{display:table}.table>.thead{display:table-header-group}.table>.thead>ol{display:table-row}.table>.thead>ol>li{display:table-cell;font-weight:800;font-weight:var(--font-weight-bold,800);color:#37517e;color:var(--color-content-primary,#37517e)}.table>.tbody{display:table-row-group}.table>.tbody>dl{display:table-row}.table>.tbody>dl>dt{display:none}.table>.tbody>dl>dd{display:table-cell;font-size:.875rem;font-size:var(--font-size-14,.875rem);color:#5d7079;color:var(--color-content-secondary,#5d7079)}.table>.tfoot{display:table-footer-group}}@media (max-width:767px){.table>.thead{display:none}.table>.tbody>dl{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary,#c9cbce);border-radius:3px;margin-bottom:24px;margin-bottom:var(--size-24,24px);padding:24px 1.5 0;padding:var(--size-24,24px) var(--line-height-body,1.5) 0}.table>.tbody>dl>dd{padding:0;border:0}.table>.tbody>dl>dd:empty{margin:0}}@media (max-width:575px){.table>.tbody>dl{padding-bottom:8px}}.table-calendar{min-width:300px}.table-calendar>tbody>tr>td{padding:0}.table-calendar>tbody>tr>td>a{display:block;padding:4px 0;margin:4px 2px;border-radius:3px;text-align:center;text-decoration:none}.table-calendar>tbody>tr>td>a.active{background-color:#37517e;color:#fff}.table-calendar>tbody>tr>td>a:not([disabled]):hover{background-color:#0097c7;background-color:var(--color-content-accent,#0097c7);color:#fff}.table-calendar>thead>tr>th{text-align:center}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@transferwise/neptune-css",
   "description": "Neptune CSS library",
-  "version": "12.4.0",
+  "version": "12.4.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -60,5 +60,5 @@
   "bin": {
     "neptune-css-upgrade-util": "scripts/neptune-css-upgrader.js"
   },
-  "gitHead": "620ac7f04283882940eea3e57012f5bc6340d5ec"
+  "gitHead": "dde68312983ebd250f249f9d0a05ff13c10a8f49"
 }

package/src/less/table.less

@@ -51,7 +51,7 @@ th {
       padding: var(--size-24) @table-cell-padding;
       line-height: var(--line-height-body);
       vertical-align: top;
-      border-top: 1px solid var(--color-background-neutral);
+      border-top: 1px solid var(--color-border-neutral);
       border-bottom: 0;
       transition: border ease @panel-focus-transtion;
     }
@@ -63,7 +63,7 @@ th {
     padding: var(--size-24) @table-cell-padding;
     line-height: var(--line-height-body);
     vertical-align: top;
-    border-top: 1px solid var(--color-background-neutral);
+    border-top: 1px solid var(--color-border-neutral);
     border-bottom: 0;
     transition: border ease @panel-focus-transtion;
   }