diff --git a/packages/desktop-client/src/components/accounts/MobileAccounts.jsx b/packages/desktop-client/src/components/accounts/MobileAccounts.jsx index 158dbec52fa..4087fdbe0d0 100644 --- a/packages/desktop-client/src/components/accounts/MobileAccounts.jsx +++ b/packages/desktop-client/src/components/accounts/MobileAccounts.jsx @@ -13,6 +13,7 @@ import { Button } from '../common/Button'; import { Text } from '../common/Text'; import { TextOneLine } from '../common/TextOneLine'; import { View } from '../common/View'; +import { ROW_HEIGHT as MOBILE_NAV_HEIGHT } from '../mobile/MobileNavTabs'; import { Page } from '../Page'; import { PullToRefresh } from '../responsive/PullToRefresh'; import { CellValue } from '../spreadsheet/CellValue'; @@ -175,7 +176,11 @@ function AccountList({ } padding={0} - style={{ flex: 1, backgroundColor: theme.mobilePageBackground }} + style={{ + flex: 1, + backgroundColor: theme.mobilePageBackground, + paddingBottom: MOBILE_NAV_HEIGHT, + }} > {accounts.length === 0 && } diff --git a/packages/desktop-client/src/components/budget/MobileBudgetTable.jsx b/packages/desktop-client/src/components/budget/MobileBudgetTable.jsx index 93346b51bc0..a7214cf1214 100644 --- a/packages/desktop-client/src/components/budget/MobileBudgetTable.jsx +++ b/packages/desktop-client/src/components/budget/MobileBudgetTable.jsx @@ -24,6 +24,7 @@ import { Label } from '../common/Label'; import { Menu } from '../common/Menu'; import { Text } from '../common/Text'; import { View } from '../common/View'; +import { ROW_HEIGHT as MOBILE_NAV_HEIGHT } from '../mobile/MobileNavTabs'; import { Page } from '../Page'; import { PullToRefresh } from '../responsive/PullToRefresh'; import { CellValue } from '../spreadsheet/CellValue'; @@ -1362,7 +1363,12 @@ export function BudgetTable({ // style={{ backgroundColor: colors.n10 }} // automaticallyAdjustContentInsets={false} // > - +