From 43ba15090b4977f68ee2b360cd3fdc62001c4643 Mon Sep 17 00:00:00 2001
From: Sergio Nicolas Lavaise <snlavaise@gmail.com>
Date: Tue, 21 Apr 2026 08:49:54 -0300
Subject: [PATCH] refactor: update TabsList width and replace custom badge span
 with Badge component in HistoriaClinica

---
 src/sections/HistoriaClinica.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index 999ff0a..415ff78 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -469,7 +469,7 @@ export function HistoriaClinica({
         <div className="w-full overflow-x-auto rounded-md pb-2">
           <Tabs className="w-full" value={tabActivo} onValueChange={setTabActivo}>
             <ScrollArea className="w-full rounded-md border bg-background whitespace-nowrap">
-              <TabsList>
+              <TabsList className="w-full">
                 <TabsTrigger value="evoluciones">
                   <FileText className="h-3 w-3 sm:h-4 sm:w-4" />
                   <span>Evoluciones</span>
@@ -1626,9 +1626,9 @@ function SeccionAcidosBase({ ab, patientId, add, update, del }: {
                               "red";
 
                       return (
-                        <span className={`badge badge-${color}`}>
+                        <Badge className={`bg-${color}`}>
                           {pf.toFixed(1)}
-                        </span>
+                        </Badge>
                       );
                     })()}</TableCell>