From dedf19c9f238ea0a9b41bdea25fd426f9e38d724 Mon Sep 17 00:00:00 2001
From: SaelixCode <dev@saelix.com>
Date: Sat, 4 Jul 2026 01:00:45 -0400
Subject: [PATCH] fix: match Resources tab font size to Fleet and Security

Removed explicit text-xs from Resources TabsTrigger elements so they
use the default text-sm, matching Fleet and Security tab typography.
---
 frontend/src/components/ResourcesView.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ResourcesView.tsx b/frontend/src/components/ResourcesView.tsx
index 5b353d5e..64ea99f3 100644
--- a/frontend/src/components/ResourcesView.tsx
+++ b/frontend/src/components/ResourcesView.tsx
@@ -836,7 +836,7 @@ export default function ResourcesView({ headerActions }: ResourcesViewProps = {}
                         <TabsHighlight className="rounded-md bg-brand/20" transition={springs.snappy}>
                             {(['images', 'volumes', 'networks'] as const).map(tab => (
                                 <TabsHighlightItem key={tab} value={tab}>
-                                    <TabsTrigger value={tab} className="text-xs">
+                                    <TabsTrigger value={tab}
                                         {tab.charAt(0).toUpperCase() + tab.slice(1)}
                                         <span className="ml-1.5 text-[10px] text-stat-subtitle tabular-nums">
                                             {tab === 'images' ? images.length : tab === 'volumes' ? volumes.length : networks.length}
@@ -845,7 +845,7 @@ export default function ResourcesView({ headerActions }: ResourcesViewProps = {}
                                 </TabsHighlightItem>
                             ))}
                             <TabsHighlightItem value="unmanaged">
-                                <TabsTrigger value="unmanaged" className="relative text-xs">
+                                <TabsTrigger value="unmanaged" className="relative">
                                     Unmanaged
                                     <span className="ml-1.5 text-[10px] text-stat-subtitle tabular-nums">{totalOrphansCount}</span>
                                     {totalOrphansCount > 0 && (
@@ -860,7 +860,7 @@ export default function ResourcesView({ headerActions }: ResourcesViewProps = {}
                 </div>
                 )}
 
-                <ScrollArea className="flex-1 relative text-sm">
+                <ScrollArea className="flex-1 bg-background relative text-sm">
 
                     {/* Images */}
                     <TabsContent value="images" className="m-0 border-0 p-0 animate-in fade-in-0 duration-200">