u

src/components/article/tabs/ArticleHistoryTab.jsx

@@ -15,6 +15,21 @@ function formatDate(iso) {
   return new Date(iso).toLocaleString('de-DE');
 }
 
+import {
+  SCRIM_SOFT,
+} from '../../../colors';
+
+const HISTORY_DATE_CELL_BORDER = `1px solid ${SCRIM_SOFT}`;
+
+const dateDividerSx = {
+  borderBottom: HISTORY_DATE_CELL_BORDER,
+};
+
+const dateCellSx = {
+  borderBottom: HISTORY_DATE_CELL_BORDER,
+  verticalAlign: 'middle',
+};
+
 export default class ArticleHistoryTab extends PureComponent {
   constructor(props) {
     super(props);
@@ -94,7 +109,7 @@ export default class ArticleHistoryTab extends PureComponent {
           <TableRow>
             <TableCell
               sx={{
-                borderBottom: '1px solid rgba(0, 0, 0, 0.35)',
+                ...dateDividerSx,
                 width: '1%',
                 whiteSpace: 'nowrap',
                 verticalAlign: 'middle',
@@ -103,10 +118,7 @@ export default class ArticleHistoryTab extends PureComponent {
               Datum
             </TableCell>
             <TableCell
-              sx={{
-                borderBottom: '1px solid rgba(0, 0, 0, 0.35)',
-                verticalAlign: 'middle',
-              }}
+              sx={dateCellSx}
             >
               {showPagination ? (
                 <ResultsPagination