From 1bfe0d0d6a19fd6061c5d818b0e07ec78025092f Mon Sep 17 00:00:00 2001
From: Camille Moussu <66134347+Eriikah@users.noreply.github.com>
Date: Tue, 17 Mar 2026 16:19:16 +0100
Subject: [PATCH] [#652] changed style to display chips as columns in temp
 search (#658)

Co-authored-by: Camille Moussu <cmoussu@linagora.com>
---
 .../Calendar/TempCalendarsInput.tsx           | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/Calendar/TempCalendarsInput.tsx b/src/components/Calendar/TempCalendarsInput.tsx
index 01cd348..92aca2a 100644
--- a/src/components/Calendar/TempCalendarsInput.tsx
+++ b/src/components/Calendar/TempCalendarsInput.tsx
@@ -86,7 +86,25 @@ export function TempCalendarsInput({
       onChange={handleUserChange}
       onToggleEventPreview={handleToggleEventPreview}
       placeholder={t("peopleSearch.availabilityPlaceholder")}
-      inputSlot={(params) => <TextField {...params} size="small" />}
+      inputSlot={(params) => (
+        <TextField
+          {...params}
+          size="small"
+          sx={
+            tempUsers.length > 0
+              ? {
+                  "& .MuiOutlinedInput-root": {
+                    flexDirection: "column",
+                    alignItems: "start",
+                    "& .MuiInputBase-input": {
+                      width: "100%",
+                    },
+                  },
+                }
+              : undefined
+          }
+        />
+      )}
     />
   );
 }