From 5c489c05fc48ac66b61f379046535ed07469660e Mon Sep 17 00:00:00 2001
From: leccelecce <24962424+leccelecce@users.noreply.github.com>
Date: Thu, 23 Oct 2025 16:40:05 +0100
Subject: [PATCH] Reduce vertical padding in dashboard table rows for more
 compact layout

---
 webui/src/App.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/webui/src/App.tsx b/webui/src/App.tsx
index a3dd0e387..b3f536ef2 100644
--- a/webui/src/App.tsx
+++ b/webui/src/App.tsx
@@ -1,4 +1,4 @@
-import { Box, darkTheme, FaencyProvider, lightTheme } from '@traefiklabs/faency'
+import { globalCss, Box, darkTheme, FaencyProvider, lightTheme } from '@traefiklabs/faency'
 import { Suspense, useEffect } from 'react'
 import { HelmetProvider } from 'react-helmet-async'
 import { HashRouter, Navigate, Route, Routes as RouterRoutes, useLocation } from 'react-router-dom'
@@ -71,6 +71,12 @@ export const Routes = () => {
 
 const isDev = import.meta.env.NODE_ENV === 'development'
 
+const customGlobalStyle = globalCss({
+  'span[role=cell]': {     // target the AriaTd component
+    p: '$2 $3'
+  },
+})
+
 const App = () => {
   const isDarkMode = useIsDarkMode()
 
@@ -95,6 +101,7 @@ const App = () => {
         >
           <VersionProvider>
             <HashRouter basename={import.meta.env.VITE_APP_BASE_URL || ''}>
+              {customGlobalStyle()}
               <ScrollToTop />
               <Routes />
             </HashRouter>