diff --git a/web/src/pages/components/Navbar.tsx b/web/src/pages/components/Navbar.tsx
index db9002984..02946ee8a 100644
--- a/web/src/pages/components/Navbar.tsx
+++ b/web/src/pages/components/Navbar.tsx
@@ -43,7 +43,7 @@ const Navbar: React.FC<Props> = ({ user, page }) => {
         <Popover placement="bottomRight" trigger={['click']} content={<div>
           <div style={{ padding: '10px' }}>
             Bandwidth usage: { }
-            {user?.plan === 'premium' ? <Tag color="green">Unlimited</Tag> : <Tooltip placement="left" title={<>You can download up to {prettyBytes(Math.max(0, 1_500_000_000 - Number(usage?.usage.usage)))} until {moment(usage?.usage.expire).local().format('lll')}</>}>
+            {(user?.user?.plan || user?.plan) === 'premium' ? <Tag color="green">Unlimited</Tag> : <Tooltip placement="left" title={<>You can download up to {prettyBytes(Math.max(0, 1_500_000_000 - Number(usage?.usage.usage)))} until {moment(usage?.usage.expire).local().format('lll')}</>}>
               <Progress status="exception" percent={Number((usage?.usage.usage / 1_500_000_000 * 100).toFixed(1))} />
             </Tooltip>}
           </div>