From 9a95013fbe011355bc26c27178a8c7f5fe85a98e Mon Sep 17 00:00:00 2001
From: Guillaume Paris <guillaume.paris@filigran.io>
Date: Wed, 13 Nov 2024 16:17:17 +0100
Subject: [PATCH] [frontend] use sx instead of useStyles in payloads (#1821)

---
 .../src/admin/components/payloads/Payloads.tsx        | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/openbas-front/src/admin/components/payloads/Payloads.tsx b/openbas-front/src/admin/components/payloads/Payloads.tsx
index 6020f3fc3a..bc20945b75 100644
--- a/openbas-front/src/admin/components/payloads/Payloads.tsx
+++ b/openbas-front/src/admin/components/payloads/Payloads.tsx
@@ -94,6 +94,15 @@ const inlineStyles: Record<string, CSSProperties> = {
   },
 };
 
+const chipSx = {
+  fontSize: 12,
+  height: 20,
+  float: 'left',
+  textTransform: 'uppercase',
+  borderRadius: 1,
+  width: 120,
+};
+
 const Payloads = () => {
   // Standard hooks
   const classes = useStyles();
@@ -167,7 +176,7 @@ const Payloads = () => {
       value: (payload: PayloadStore) => (
         <Chip
           variant="outlined"
-          classes={{ root: classes.chipInList2 }}
+          sx={chipSx}
           color="primary"
           label={t(payload.payload_source ?? 'MANUAL')}
         />