fix(FilterBar): display action buttons in same row as filters if tool…

…bar is hidden (#5246) Fixes #5244
SAP · Nov 15, 2023 · db639dd · db639dd
1 parent 0b4ce3a
commit db639dd
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/main/src/components/FilterBar/index.tsx b/packages/main/src/components/FilterBar/index.tsx
@@ -610,8 +610,8 @@ const FilterBar = forwardRef<HTMLDivElement, FilterBarPropTypes>((props, ref) =>
       }
       const usedSpaceLastRow = filterItemsWidth % filterAreaWidth;
       const emptySpaceLastRow = filterAreaWidth - usedSpaceLastRow;
-      // deduct width of buttons container of the empty space in the last row to calculate number of spacers
-      const numberOfSpacers = Math.floor((emptySpaceLastRow - filterBarButtonsWidth) / firstChildWidth);
+      // deduct width of buttons container of the empty space in the last row to calculate number of spacers (-1 because of "lastSpacer")
+      const numberOfSpacers = Math.floor((emptySpaceLastRow - filterBarButtonsWidth) / firstChildWidth) - 1;
       for (let i = 0; i < numberOfSpacers; i++) {
         spacers.push(<div key={`filter-spacer-${i}`} className={classes.spacer} />);
       }