diff --git a/web-app/src/containers/TokenSpeedIndicator.tsx b/web-app/src/containers/TokenSpeedIndicator.tsx
index 8ca08d707..74f277f70 100644
--- a/web-app/src/containers/TokenSpeedIndicator.tsx
+++ b/web-app/src/containers/TokenSpeedIndicator.tsx
@@ -1,4 +1,5 @@
 import { useAppState } from '@/hooks/useAppState'
+import { toNumber } from '@/utils/number'
 import { Gauge } from 'lucide-react'
 
 interface TokenSpeedIndicatorProps {
@@ -29,7 +30,7 @@ export const TokenSpeedIndicator = ({
       <Gauge size={16} />
       <span>
         {Math.round(
-          streaming ? Number(tokenSpeed?.tokenSpeed) : persistedTokenSpeed
+          streaming ? toNumber(tokenSpeed?.tokenSpeed) : persistedTokenSpeed
         )}
         &nbsp;tokens/sec
       </span>
diff --git a/web-app/src/utils/number.ts b/web-app/src/utils/number.ts
new file mode 100644
index 000000000..866755ed6
--- /dev/null
+++ b/web-app/src/utils/number.ts
@@ -0,0 +1,4 @@
+export const toNumber = (value: unknown): number => {
+  const num = Number(value)
+  return isNaN(num) ? 0 : num
+}