diff --git a/svelte/src/wrap/App.svelte b/svelte/src/wrap/App.svelte
index 6000c36..944548c 100644
--- a/svelte/src/wrap/App.svelte
+++ b/svelte/src/wrap/App.svelte
@@ -225,7 +225,10 @@ const set_offset = (off: number) => {
 									{formatDataVolume($user.subscription.storage_limit, 3)}
 								</div>
 								<div style="grid-column: span 2">
-									<ProgressBar used={$user.storage_space_used} total={$user.subscription.storage_limit} warn/>
+									<ProgressBar
+										used={$user.storage_space_used}
+										total={$user.subscription.storage_limit}
+										warn={!$user.usage_based_billing}/>
 								</div>
 								<div>Transfer</div>
 								<div>
@@ -233,7 +236,10 @@ const set_offset = (off: number) => {
 									{formatDataVolume($user.subscription.monthly_transfer_cap, 3)}
 								</div>
 								<div style="grid-column: span 2">
-									<ProgressBar used={$user.monthly_transfer_used} total={$user.subscription.monthly_transfer_cap} warn/>
+									<ProgressBar
+										used={$user.monthly_transfer_used}
+										total={$user.subscription.monthly_transfer_cap}
+										warn={!$user.usage_based_billing}/>
 								</div>
 							</div>
 						{/snippet}