Provided CSS is overridden by core/misc/dialog/off-canvas/css/wrapper.css

Problem/Motivation

The provided styles (see below) of the revisions list in the off-canvas sidebar are overridden by core's CSS at /core/misc/dialog/off-canvas/css/wrapper.css, so that it's hard to distinguish different revision logs in the list.

.moderation-sidebar-revision-item {
    border-bottom: 1px solid #676767;
    margin-bottom: 1rem;
}

Steps to reproduce

Fresh Drupal 10.3.1 install with either Claro or Olivero themes.

Proposed resolution

Make the CSS declaration higher priority, either by adding !important after each line, or #drupal-off-canvas before .moderation-sidebar-revision-item. Unfortunately adding .drupal-off-canvas and/or .moderation-sidebar-container is not enough, cause core uses the id with #.

Remaining tasks

User interface changes

API changes

Data model changes