diff --git a/moneymgr_web/src/routes/AccountRoute.tsx b/moneymgr_web/src/routes/AccountRoute.tsx
index eed86b4..15dd9f1 100644
--- a/moneymgr_web/src/routes/AccountRoute.tsx
+++ b/moneymgr_web/src/routes/AccountRoute.tsx
@@ -3,6 +3,8 @@ import { MoneyMgrWebRouteContainer } from "../widgets/MoneyMgrWebRouteContainer"
 import { useAccounts } from "../hooks/AccountsListProvider";
 import { NotFoundRoute } from "./NotFound";
 import { AccountWidget } from "../widgets/AccountWidget";
+import { AmountWidget } from "../widgets/AmountWidget";
+import { Typography } from "@mui/material";
 
 export function AccountRoute(): React.ReactElement {
   const { accountId } = useParams();
@@ -17,7 +19,13 @@ export function AccountRoute(): React.ReactElement {
       label={
         <span style={{ display: "inline-flex", alignItems: "center" }}>
           <AccountWidget account={account} />
-          &nbsp;{account.name}
+          &nbsp;
+          <span style={{ display: "inline-flex", flexDirection: "column" }}>
+            <span>{account.name}</span>
+            <Typography component={"span"} variant="subtitle1">
+              <AmountWidget amount={account.balance} />
+            </Typography>
+          </span>
         </span>
       }
     >