diff --git a/src/components/widgets/kubernetes/kubernetes.jsx b/src/components/widgets/kubernetes/kubernetes.jsx
index a769db8f2..edd298639 100644
--- a/src/components/widgets/kubernetes/kubernetes.jsx
+++ b/src/components/widgets/kubernetes/kubernetes.jsx
@@ -1,6 +1,7 @@
 import useSWR from "swr";
 import { BiError } from "react-icons/bi";
 import { useTranslation } from "next-i18next";
+
 import Node from "./node";
 
 export default function Widget({ options }) {
diff --git a/src/components/widgets/longhorn/node.jsx b/src/components/widgets/longhorn/node.jsx
index 44b96b1c2..e0ee69afb 100644
--- a/src/components/widgets/longhorn/node.jsx
+++ b/src/components/widgets/longhorn/node.jsx
@@ -21,7 +21,7 @@ export default function Node({ data, expanded, labels }) {
             <div className="pr-1">{t("resources.total")}</div>
           </span>
           )}
-          <UsageBar percent={Math.round((data.node.available / data.node.maximum) * 100)} />
+          <UsageBar percent={Math.round(((data.node.maximum - data.node.available) / data.node.maximum) * 100)} />
         </div>
       </div>
       {labels && (