diff --git a/bun.lockb b/bun.lockb
index 78f3d52..ed3d541 100755
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/components/ServerCard.tsx b/components/ServerCard.tsx
index 0d5711f..7d8688a 100644
--- a/components/ServerCard.tsx
+++ b/components/ServerCard.tsx
@@ -105,19 +105,13 @@ export default function ServerCard({
           >
             <Badge
               variant="secondary"
-              className="items-center justify-center rounded-[8px] text-nowrap text-[11px] border-muted-50 shadow-md shadow-neutral-200/30 dark:shadow-none"
-              style={{
-                width: `${(serverInfo.status.NetOutTransfer / (serverInfo.status.NetInTransfer + serverInfo.status.NetOutTransfer)) * 100}%`,
-              }}
+              className="items-center flex-1 justify-center rounded-[8px] text-nowrap text-[11px] border-muted-50 shadow-md shadow-neutral-200/30 dark:shadow-none"
             >
               {t("Upload")}:{formatBytes(serverInfo.status.NetOutTransfer)}
             </Badge>
             <Badge
               variant="outline"
-              className="items-center justify-center rounded-[8px] text-nowrap text-[11px] shadow-md shadow-neutral-200/30 dark:shadow-none"
-              style={{
-                width: `${(serverInfo.status.NetInTransfer / (serverInfo.status.NetInTransfer + serverInfo.status.NetOutTransfer)) * 100}%`,
-              }}
+              className="items-center flex-1 justify-center rounded-[8px] text-nowrap text-[11px] shadow-md shadow-neutral-200/30 dark:shadow-none"
             >
               {t("Download")}:{formatBytes(serverInfo.status.NetInTransfer)}
             </Badge>
diff --git a/components/ui/badge.tsx b/components/ui/badge.tsx
index dea446a..2cba296 100644
--- a/components/ui/badge.tsx
+++ b/components/ui/badge.tsx
@@ -3,7 +3,7 @@ import { type VariantProps, cva } from "class-variance-authority";
 import * as React from "react";
 
 const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  "inline-flex items-center text-nowarp rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
       variant: {
diff --git a/package.json b/package.json
index 382250a..bd0e755 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,7 @@
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/luxon": "^3.4.2",
     "@typescript-eslint/eslint-plugin": "^8.8.1",
-    "caniuse-lite": "^1.0.30001667",
+    "caniuse-lite": "^1.0.30001668",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "country-flag-icons": "^1.5.13",