diff --git a/src/app/dashboard/fuel/fuel-view.tsx b/src/app/dashboard/fuel/fuel-view.tsx
index 937afcb..8ee4268 100644
--- a/src/app/dashboard/fuel/fuel-view.tsx
+++ b/src/app/dashboard/fuel/fuel-view.tsx
@@ -874,7 +874,7 @@ function AlertCard({
           {v.alert > 0 && (
             <Badge
               variant="outline"
-              className="gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
+              className="whitespace-nowrap gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
             >
               <AlertTriangle className="h-3 w-3" />
               {v.alert} alert{v.alert === 1 ? "" : "s"}
@@ -883,7 +883,7 @@ function AlertCard({
           {v.warn > 0 && (
             <Badge
               variant="outline"
-              className="gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
+              className="whitespace-nowrap gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
             >
               {v.warn} warn{v.warn === 1 ? "" : "s"}
             </Badge>
@@ -959,7 +959,7 @@ function AlertListRow({
         {v.alert > 0 && (
           <Badge
             variant="outline"
-            className="gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
+            className="whitespace-nowrap gap-1 bg-red-500/15 text-red-700 dark:text-red-400 border-red-500/30"
           >
             <AlertTriangle className="h-3 w-3" />
             {v.alert} alert{v.alert === 1 ? "" : "s"}
@@ -968,7 +968,7 @@ function AlertListRow({
         {v.warn > 0 && (
           <Badge
             variant="outline"
-            className="gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
+            className="whitespace-nowrap gap-1 bg-[#F2B165]/20 text-amber-800 dark:text-amber-300 border-[#F2B165]/40"
           >
             {v.warn} warn{v.warn === 1 ? "" : "s"}
           </Badge>