diff --git a/front/components/assistant/conversation/input_bar/InputBar.tsx b/front/components/assistant/conversation/input_bar/InputBar.tsx
index b823aadd599de..e0fd100a6d22f 100644
--- a/front/components/assistant/conversation/input_bar/InputBar.tsx
+++ b/front/components/assistant/conversation/input_bar/InputBar.tsx
@@ -1,4 +1,4 @@
-import { Button, RainbowEffectDiv, StopIcon } from "@dust-tt/sparkle";
+import { Button, RainbowEffect, StopIcon } from "@dust-tt/sparkle";
 import type { AgentMention, MentionType } from "@dust-tt/types";
 import type { UploadedContentFragment } from "@dust-tt/types";
 import type {
@@ -227,15 +227,15 @@ export function AssistantInputBar({
         )}
       >
         <div className="flex w-full flex-1 flex-col items-end self-stretch sm:flex-row">
-          <RainbowEffectDiv className="w-full">
+          <RainbowEffect className="w-full" containerClassName="w-full">
             <div
               className={classNames(
                 "relative flex w-full flex-1 flex-col items-stretch gap-0 self-stretch pl-4 sm:flex-row",
-                "border-t border-border-dark bg-primary-50",
+                "border-border-dark bg-primary-50",
                 "transition-all",
                 isFloating
-                  ? "sm:rounded-2xl sm:border-b sm:border-l sm:border-r sm:border-border-dark sm:focus-within:shadow-md sm:focus-within:ring-2 sm:focus-within:ring-offset-2"
-                  : "",
+                  ? "rounded-2xl border focus-within:ring-2 focus-within:ring-primary-300 focus-within:ring-offset-2"
+                  : "border-t",
                 isAnimating ? "duration-600 animate-shake" : "duration-300"
               )}
             >
@@ -256,7 +256,7 @@ export function AssistantInputBar({
                 />
               </div>
             </div>
-          </RainbowEffectDiv>
+          </RainbowEffect>
         </div>
       </div>
     </div>
diff --git a/front/package-lock.json b/front/package-lock.json
index 6fd2bc7c7851b..522d094cbe30c 100644
--- a/front/package-lock.json
+++ b/front/package-lock.json
@@ -7,7 +7,7 @@
       "dependencies": {
         "@auth0/nextjs-auth0": "^3.5.0",
         "@dust-tt/client": "file:../sdks/js",
-        "@dust-tt/sparkle": "^0.2.311",
+        "@dust-tt/sparkle": "^0.2.312",
         "@dust-tt/types": "file:../types",
         "@headlessui/react": "^1.7.7",
         "@heroicons/react": "^2.0.11",
@@ -11485,9 +11485,9 @@
       "link": true
     },
     "node_modules/@dust-tt/sparkle": {
-      "version": "0.2.311",
-      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.311.tgz",
-      "integrity": "sha512-10EjYQgFQ+i/0Bt2Ar99iGbaZonuCDXLPFOaKj7GYRhEJ7jgF0K+IAcYYo60XZRlNZCzElZzpos/xJbypdjkXA==",
+      "version": "0.2.312",
+      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.312.tgz",
+      "integrity": "sha512-zKje9C0/nyYxEQLS/7CuPuBFqty3q3e3/vd5xjMJrulHkYekWLWMg3kAj/DhPD0eMkePquvZpWaWAFghgFU2BQ==",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
         "@emoji-mart/react": "^1.1.1",
diff --git a/front/package.json b/front/package.json
index 27a1c5e25cb92..aec6861b16765 100644
--- a/front/package.json
+++ b/front/package.json
@@ -20,7 +20,7 @@
   "dependencies": {
     "@auth0/nextjs-auth0": "^3.5.0",
     "@dust-tt/client": "file:../sdks/js",
-    "@dust-tt/sparkle": "^0.2.311",
+    "@dust-tt/sparkle": "^0.2.312",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",