From 1f905bc241daaa0f3f5420b8a54a25a1977e1a2e Mon Sep 17 00:00:00 2001
From: shamoon <4887959+shamoon@users.noreply.github.com>
Date: Tue, 16 Jan 2024 16:07:20 -0800
Subject: [PATCH] Fix: constrain usage bar to 0-100 (#2650)

---
 src/components/widgets/resources/usage-bar.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/widgets/resources/usage-bar.jsx b/src/components/widgets/resources/usage-bar.jsx
index 8a22339a3..82278e9da 100644
--- a/src/components/widgets/resources/usage-bar.jsx
+++ b/src/components/widgets/resources/usage-bar.jsx
@@ -1,10 +1,11 @@
 export default function UsageBar({ percent, additionalClassNames = "" }) {
+  const normalized = Math.min(100, Math.max(0, percent));
   return (
     <div className={`mt-0.5 w-full bg-theme-800/30 rounded-full h-1 dark:bg-theme-200/20 ${additionalClassNames}`}>
       <div
         className="bg-theme-800/70 h-1 rounded-full dark:bg-theme-200/50 transition-all duration-1000"
         style={{
-          width: `${percent}%`,
+          width: `${normalized}%`,
         }}
       />
     </div>