diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx index 047b01e98f..63dfdac714 100644 --- a/services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx +++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx @@ -138,12 +138,12 @@ export const ReviewPanelChange = memo<{ <> {aggregate ? ( ) : ( )} @@ -173,7 +173,7 @@ export const ReviewPanelChange = memo<{ {'d' in change.op && ( <> diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less index 36f54345a1..f51149d345 100644 --- a/services/web/frontend/stylesheets/app/editor/review-panel-new.less +++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less @@ -88,9 +88,10 @@ .review-panel-change-body { display: flex; - align-items: center; + align-items: flex-start; color: @content-secondary; gap: @spacing-02; + overflow-wrap: anywhere; } .review-panel-content-highlight { @@ -108,6 +109,10 @@ font-size: 16px; } + .review-panel-entry-change-icon { + margin-top: -2px; + } + .review-panel-entry-icon-accept { background-color: @green-10; color: @green-50;