fix: Expenses screen — large empty gap between tabs and filter chips #44

New Issue

2026-06-28T14:47:52Z

admin commented

2026-06-28 14:47:52 +00:00

Bug

On the Expenses screen with at least one expense, there is a large empty area between the "Expenses / Recurring" tabs and the filter chips row ("All / This week / This month"). The chips end up roughly in the middle of the screen and the expense item appears below them, making the list look like it starts at the bottom of the available space instead of right under the filters.

Repro

Add at least one expense.
Open the Expenses screen.
Observe the layout: header → tabs → big gap → filter chips → expense row → FAB.

Expected

The filter chips should be pinned to the top of the list area, directly under the tabs. The list content (expense rows) should start immediately below the chips with no extra whitespace.

Likely cause

The list's outer container is filling the remaining height and the filter chips are sitting inside the LazyColumn (or below it) with a weight / vertical arrangement that pushes them to the middle. They should be hoisted out of the scrollable region (or given stickyHeader) so the chips stay at the top and the list fills the rest of the screen.

Scope

ExpenseListScreen and any shared scaffold it uses. Verify the fix on both "Expenses" and "Recurring" tabs.

## Bug On the Expenses screen with at least one expense, there is a large empty area between the "Expenses / Recurring" tabs and the filter chips row ("All / This week / This month"). The chips end up roughly in the middle of the screen and the expense item appears below them, making the list look like it starts at the bottom of the available space instead of right under the filters. ## Repro 1. Add at least one expense. 2. Open the Expenses screen. 3. Observe the layout: header → tabs → big gap → filter chips → expense row → FAB. ## Expected The filter chips should be pinned to the top of the list area, directly under the tabs. The list content (expense rows) should start immediately below the chips with no extra whitespace. ## Likely cause The list's outer container is filling the remaining height and the filter chips are sitting inside the `LazyColumn` (or below it) with a `weight` / vertical arrangement that pushes them to the middle. They should be hoisted out of the scrollable region (or given `stickyHeader`) so the chips stay at the top and the list fills the rest of the screen. ## Scope `ExpenseListScreen` and any shared scaffold it uses. Verify the fix on both "Expenses" and "Recurring" tabs.

admin referenced this issue from a commit

2026-06-28 14:57:22 +00:00

fix(#44): pin expense filter chips directly under tabs

admin referenced a pull request that will close this issue

2026-06-28 14:57:24 +00:00

fix(#44): pin expense filter chips directly under tabs #48

admin closed this issue

2026-06-28 14:58:59 +00:00

admin referenced this issue from a commit

2026-06-28 14:58:59 +00:00

Merge pull request 'fix(#44): pin expense filter chips directly under tabs' (#48) from fix/44-expenses-screen-empty-gap-tabs-chips into main

Sign in to join this conversation.