From 0bd9f9a0b7e5b6cb66bd5e6d16d87e9258bf2f9c Mon Sep 17 00:00:00 2001
From: Philippe Rolet <pr@dust.tt>
Date: Thu, 4 Apr 2024 17:07:44 +0200
Subject: [PATCH] Fix: assistant picker broken if some assistant names > 20
 chars (#4568)

* Fix: assistant picker broken if some assistant names > 20 chars

* review

* clean
---
 front/components/assistant/AssistantPicker.tsx           | 3 ++-
 front/components/assistant_builder/InstructionScreen.tsx | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/front/components/assistant/AssistantPicker.tsx b/front/components/assistant/AssistantPicker.tsx
index f8c80abcc630..bf822ec46e26 100644
--- a/front/components/assistant/AssistantPicker.tsx
+++ b/front/components/assistant/AssistantPicker.tsx
@@ -129,13 +129,14 @@ export function AssistantPicker({
               >
                 <Item.Avatar
                   key={`assistant-picker-${c.sId}`}
-                  label={"@" + c.name}
+                  label={c.name}
                   visual={c.pictureUrl}
                   hasAction={false}
                   onClick={() => {
                     onItemClick(c);
                     setSearchText("");
                   }}
+                  className="truncate"
                 />
                 <IconButton
                   icon={MoreIcon}
diff --git a/front/components/assistant_builder/InstructionScreen.tsx b/front/components/assistant_builder/InstructionScreen.tsx
index aed9cab49278..9d7bb715a3a1 100644
--- a/front/components/assistant_builder/InstructionScreen.tsx
+++ b/front/components/assistant_builder/InstructionScreen.tsx
@@ -9,7 +9,7 @@ import {
   MistralLogo,
   OpenaiLogo,
   Page,
-  Spinner,
+  Spinner2,
   TextArea,
 } from "@dust-tt/sparkle";
 import type {
@@ -335,7 +335,7 @@ function Suggestions({
       <div className="flex flex-col gap-2">
         <div className="flex gap-1 text-base font-bold text-element-800">
           <div>Tips</div>
-          {loading && <Spinner size="sm" />}
+          {loading && <Spinner2 size="sm" />}
         </div>
         <div>
           {(() => {