From 3bcda5078bca8b73606bebb447a4ba407afc2871 Mon Sep 17 00:00:00 2001
From: basseche <bassel.el-cheikh_externe@rte-france.com>
Date: Fri, 26 Sep 2025 14:44:56 +0200
Subject: [PATCH 1/2] Change styles in DirectoryItemsInput for chip and
 formHelperText

---
 .../inputs/reactHookForm/DirectoryItemsInput.tsx  | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx b/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx
index 99b3b140..11c9e676 100644
--- a/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx
+++ b/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx
@@ -51,6 +51,11 @@ const styles = {
     addDirectoryElements: {
         marginTop: '-5px',
     },
+    chipStyles: {
+        borderRadius: '100px solid',
+        margin: '4px 2px 4px 2px',
+        padding: '0',
+    },
 } as const satisfies MuiStyles;
 
 export interface DirectoryItemsInputProps {
@@ -192,15 +197,15 @@ export function DirectoryItemsInput({
                         {elements.map((item, index) => (
                             <Box
                                 key={item.id}
-                                sx={{ display: 'flex', alignItems: 'center', flexDirection: 'column', gap: 1 }}
+                                sx={{ display: 'flex', alignItems: 'center', flexDirection: 'column', gap: '1px' }}
                             >
                                 <Chip
                                     size="small"
-                                    sx={{
+                                    sx={mergeSx(styles.chipStyles, {
                                         backgroundColor:
                                             item?.specificMetadata?.equipmentType &&
                                             equipmentColorsMap?.get(item?.specificMetadata?.equipmentType),
-                                    }}
+                                    })}
                                     onDelete={() => removeElements(index)}
                                     onClick={() => handleChipClick(index)}
                                     label={
@@ -212,12 +217,12 @@ export function DirectoryItemsInput({
                                                     intl.formatMessage({ id: 'elementNotFound' })
                                                 )
                                             }
-                                            sx={{ width: '100%' }}
+                                            sx={{ width: '100%', display: 'flex' }}
                                         />
                                     }
                                 />
                                 {equipmentColorsMap && (
-                                    <FormHelperText>
+                                    <FormHelperText sx={{ padding: '1px' }}>
                                         {item?.specificMetadata?.equipmentType ? (
                                             <FormattedMessage
                                                 id={getFilterEquipmentTypeLabel(item.specificMetadata.equipmentType)}

From 15f9fb803de57eaecc006cec4bdeda711b474a41 Mon Sep 17 00:00:00 2001
From: basseche <bassel.el-cheikh_externe@rte-france.com>
Date: Mon, 29 Sep 2025 16:54:56 +0200
Subject: [PATCH 2/2] fix chip style

Signed-off-by: basseche <bassel.el-cheikh_externe@rte-france.com>
---
 src/components/inputs/reactHookForm/DirectoryItemsInput.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx b/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx
index 11c9e676..016dc2b9 100644
--- a/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx
+++ b/src/components/inputs/reactHookForm/DirectoryItemsInput.tsx
@@ -53,7 +53,6 @@ const styles = {
     },
     chipStyles: {
         borderRadius: '100px solid',
-        margin: '4px 2px 4px 2px',
         padding: '0',
     },
 } as const satisfies MuiStyles;