Try: 4px gutter, remove 2px gap, indent by multiples of 24

packages/block-editor/src/components/list-view/style.scss

@@ -465,13 +465,12 @@ $block-navigation-max-indent: 8;
 // Chevron container metrics.
 .block-editor-list-view__expander {
  height: $icon-size;
- margin-right: $grid-unit-05 * 0.5; // Ensures chevron is spaced equally from left to right.
  width: $icon-size;
  cursor: pointer;
 }
 
 .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander {
- margin-left: ($grid-unit-30 * $block-navigation-max-indent) + (($grid-unit-05 * 0.5) * $block-navigation-max-indent);
+ margin-left: ($grid-unit-30 * $block-navigation-max-indent);
 }
 
 // When updating the margin for each indentation level, the corresponding
@@ -481,7 +480,7 @@ $block-navigation-max-indent: 8;
  .block-editor-list-view-leaf[aria-level="#{ $i + 1 }"]
  .block-editor-list-view__expander {
  @if $i - 1 >= 0 {
- margin-left: ($grid-unit-30 * $i) + (($grid-unit-05 * 0.5) * $i); // Effectivly centers the expander below the parent's icon.
+ margin-left: ($grid-unit-30 * $i); // Effectivly centers the expander below the parent's icon.
  } @else {
  margin-left: 0;
  }

packages/editor/src/components/list-view-sidebar/style.scss

@@ -49,7 +49,7 @@
  scrollbar-gutter: auto;
 
  // The table cells use an extra pixels of space left and right. We compensate for that here.
- padding: $grid-unit-10;
+ padding: $grid-unit-05;
 }
 
 .editor-list-view-sidebar__list-view-container {