diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css index 23aea44ae7..83b23bc73e 100644 --- a/web/styles/left_sidebar.css +++ b/web/styles/left_sidebar.css @@ -1148,10 +1148,14 @@ li.top_left_scheduled_messages { .left-sidebar-filter-row { display: grid; + /* The final 2px column keeps the filter box from going + to the edge of the highlighted channel box, and also + matches the right edge to the right edge of the vdots + on the channel row. (The vdots take a 2px right margin.) */ grid-template-columns: [filter-box-start] minmax(0, 1fr) [clear-button-start] var(--line-height-sidebar-row-prominent) - [clear-button-end filter-box-end]; + [clear-button-end filter-box-end] 2px; grid-template-rows: [filter-box-start clear-button-start] auto [clear-button-end filter-box-end]; align-content: center;