diff --git a/src/components/widgets/resources/network.jsx b/src/components/widgets/resources/network.jsx
index 7b1cb4ba..8d6b5ec7 100644
--- a/src/components/widgets/resources/network.jsx
+++ b/src/components/widgets/resources/network.jsx
@@ -1,62 +1,77 @@
-import useSWR from "swr";
-import { FaNetworkWired, FaAngleUp, FaAngleDown } from "react-icons/fa";
-import { useTranslation } from "next-i18next";
-
-import Resource from "../widget/resource";
-import Error from "../widget/error";
-
-export default function Network({ options, refresh = 1500 }) {
-  const { t } = useTranslation();
-
-  const { data, error } = useSWR(`/api/widgets/resources?type=network${(options.network || ( options.network !== 'default' && options.network === `false`)) ? `&interfaceName=${options.network}` : '' }`, {
-    refreshInterval: refresh,
-  });
-
-  if (error || data?.error) {
-    return <Error />;
-  }
-
-  if (!data) {
-    return (
-      <Resource
-        icon={FaNetworkWired}
-        value="-"
-        label={<FaAngleUp/>}
-        expandedValue="-"
-        expandedLabel={<FaAngleDown/>}
-        percentage="0"
-        expanded="true"
-      />
-    );
-  }
-
-  return (
-    <>
-      /* Active Usage */
-      <Resource
-        icon={FaNetworkWired}
-        value={t('common.bits', { value: data?.network?.tx_sec })}
-        label={<FaAngleUp/>}
-        expandedValue={t('common.bits', { value: data?.network?.rx_sec })}
-        expandedLabel={<FaAngleDown/>}
-        percentage="0"
-        expanded="true"
-        children={<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t('pyload.speed')}</div>}
-        iconChildren={<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">{data.interface}</span>}
-      />
-      
-      /* Total Usage */
-      <Resource
-        icon={FaNetworkWired}
-        value={t('common.bbytes', { value: data?.network?.tx_bytes })}
-        label={<FaAngleUp/>}
-        expandedValue={t('common.bbytes', { value: data?.network?.rx_bytes })}
-        expandedLabel={<FaAngleDown/>}
-        percentage="0"
-        expanded="true"
-        children={<div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t('pyload.total')}</div>}
-        iconChildren={<span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">{data.interface}</span>}
-      />
-    </>
-  );
-}
+import useSWR from "swr";
+import { FaNetworkWired, FaAngleUp, FaAngleDown } from "react-icons/fa";
+import { useTranslation } from "next-i18next";
+
+import Resource from "../widget/resource";
+import Error from "../widget/error";
+
+export default function Network({ options, refresh = 1500 }) {
+  const { t } = useTranslation();
+
+  const { data, error } = useSWR(
+    `/api/widgets/resources?type=network${
+      options.network || (options.network !== "default" && options.network === `false`)
+        ? `&interfaceName=${options.network}`
+        : ""
+    }`,
+    {
+      refreshInterval: refresh,
+    },
+  );
+
+  if (error || data?.error) {
+    return <Error />;
+  }
+
+  if (!data) {
+    return (
+      <Resource
+        icon={FaNetworkWired}
+        value="-"
+        label={<FaAngleUp />}
+        expandedValue="-"
+        expandedLabel={<FaAngleDown />}
+        percentage="0"
+        expanded="true"
+      />
+    );
+  }
+
+  return (
+    <>
+      <Resource
+        icon={FaNetworkWired}
+        value={t("common.bits", { value: data?.network?.tx_sec })}
+        label={<FaAngleUp />}
+        expandedValue={t("common.bits", { value: data?.network?.rx_sec })}
+        expandedLabel={<FaAngleDown />}
+        percentage="0"
+        expanded="true"
+        iconChildren={
+          <span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">
+            {data.interface}
+          </span>
+        }
+      >
+        <div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t("pyload.speed")}</div>
+      </Resource>
+
+      <Resource
+        icon={FaNetworkWired}
+        value={t("common.bbytes", { value: data?.network?.tx_bytes })}
+        label={<FaAngleUp />}
+        expandedValue={t("common.bbytes", { value: data?.network?.rx_bytes })}
+        expandedLabel={<FaAngleDown />}
+        percentage="0"
+        expanded="true"
+        iconChildren={
+          <span class="bg-theme-100 text-theme-800 text-xs font-medium px-1 py-1 mt-1 rounded dark:bg-theme-700 dark:text-theme-300 text-center">
+            {data.interface}
+          </span>
+        }
+      >
+        <div className="pt-1 text-theme-800 dark:text-theme-200 text-xs text-center">{t("pyload.total")}</div>
+      </Resource>
+    </>
+  );
+}
diff --git a/src/pages/api/widgets/resources.js b/src/pages/api/widgets/resources.js
index 879f5579..fcdb0969 100644
--- a/src/pages/api/widgets/resources.js
+++ b/src/pages/api/widgets/resources.js
@@ -58,20 +58,20 @@ export default async function handler(req, res) {
     });
   }
 
-  if (type === "network"){
+  if (type === "network") {
     let networkData = await si.networkStats();
-    if(interfaceName !== "default" && interfaceName !== undefined && interfaceName !== "false"){
-      networkData = networkData.filter((network) => network.iface === interfaceName)['0'];
-      if(!networkData){
+    if (interfaceName !== "default" && interfaceName !== undefined && interfaceName !== "false") {
+      networkData = networkData.filter((network) => network.iface === interfaceName)["0"];
+      if (!networkData) {
         return res.status(404).json({
           error: "Interface not found",
         });
       }
-    }else{
+    } else {
       const interfaceDefault = await si.networkInterfaceDefault();
-      interfaceName = interfaceDefault
-      networkData = networkData.filter((network) => network.iface === interfaceDefault)['0'];
-      if(!networkData){
+      interfaceName = interfaceDefault;
+      networkData = networkData.filter((network) => network.iface === interfaceDefault)["0"];
+      if (!networkData) {
         return res.status(404).json({
           error: "Interface not found! Please specify a valid interface name.",
         });
@@ -79,7 +79,7 @@ export default async function handler(req, res) {
     }
     return res.status(200).json({
       network: networkData,
-      interface: interfaceName
+      interface: interfaceName,
     });
   }