Ошибка (?) с границами таблиц в Chromium при использовании градиентов

Разработка
1

Всем привет. Мы начали перенос нашего форума с проприетарной Xenforo на открытую платформу Discourse, и в процессе воссоздания визуального стиля старого форума я столкнулся с проблемой CSS, специфичной для Chrome.
Не знаю, сталкивался ли кто-то ещё с этим, я не нашёл других тем на форуме об этом.

Я попробовал применить градиент к любым элементам таблицы, в данном случае к списку категорий и списку тем.
В Firefox это выглядит как положено:

Скриншот

image

но браузеры на базе Chromium, похоже, рендерят лишнюю границу:

Скриншот

image

А вот и проблемный CSS (на примере списка категорий внутри категории):

Код 
#header-list-area .category-list > thead > tr {
  border-color: #a3a3a3;
  background-image: linear-gradient(to right, #a3a3a3, #424242);
}
.category-list > thead > tr {
  border-width: 0px;
  border-left-width: 6px;
  border-style: solid;
}

Если я использую background-color, оба браузера отображают <th> идентично, то есть без лишнего многослойного бордюра.

Мне не удалось воспроизвести эту проблему с помощью чистого HTML+CSS, CodePen или любых других аналогичных инструментов. Если вы разбираетесь в DOM и селекторах/наборах правил CSS Discourse, ваша помощь будет очень кстати.

2

Кажется, мне удалось это исправить.
Я применил границу к tr > th:first-child вместо tr. Теперь оба браузера отображают всё одинаково.
У меня нет ни малейшего представления, в чём заключался этот баг с тегом tr. Возможно, это единичный случай или что-то в этом роде.

Это не самое чистое решение, но оно работает, так как визуально всё выглядит одинаково.