diff --git a/front/components/home/Carousel.tsx b/front/components/home/Carousel.tsx
index b2c83e82c6b1..61eca488df96 100644
--- a/front/components/home/Carousel.tsx
+++ b/front/components/home/Carousel.tsx
@@ -198,8 +198,7 @@ CarouselItem.displayName = "CarouselItem";
 const CarouselPrevious = React.forwardRef<
   HTMLButtonElement,
   React.ComponentProps<typeof Button>
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
->(({ className = "", variant = "tertiary", size = "sm", ...props }, ref) => {
+>(({ className, variant = "outline", size = "sm", ...props }, ref) => {
   const { scrollPrev, canScrollPrev, isLooping } = useCarousel();
 
   return (
@@ -220,8 +219,7 @@ CarouselPrevious.displayName = "CarouselPrevious";
 const CarouselNext = React.forwardRef<
   HTMLButtonElement,
   React.ComponentProps<typeof Button>
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
->(({ className = "", variant = "tertiary", size = "sm", ...props }, ref) => {
+>(({ className, variant = "outline", size = "sm", ...props }, ref) => {
   const { scrollNext, canScrollNext, isLooping } = useCarousel();
 
   return (
diff --git a/front/components/home/ContentBlocks.tsx b/front/components/home/ContentBlocks.tsx
index eb7906740c43..0446ec212a81 100644
--- a/front/components/home/ContentBlocks.tsx
+++ b/front/components/home/ContentBlocks.tsx
@@ -229,8 +229,8 @@ export const CarousselContentBlock = ({
         ))}
       </CarouselContent>
       <div className="flex w-full flex-row items-center justify-end gap-3 px-8">
-        <CarouselPrevious variant="white" />
-        <CarouselNext variant="white" />
+        <CarouselPrevious />
+        <CarouselNext />
       </div>
     </Carousel>
   </div>
diff --git a/front/components/home/content/Product/BlogSection.tsx b/front/components/home/content/Product/BlogSection.tsx
index 49a1605ed338..e3bdeba325ed 100644
--- a/front/components/home/content/Product/BlogSection.tsx
+++ b/front/components/home/content/Product/BlogSection.tsx
@@ -36,8 +36,8 @@ export function BlogSection() {
       <div className="col-span-12 flex flex-col items-center gap-4">
         <Carousel className="w-full">
           <div className="flex w-full flex-row gap-4 md:justify-center">
-            <CarouselPrevious variant="white" />
-            <CarouselNext variant="white" />
+            <CarouselPrevious />
+            <CarouselNext />
           </div>
           <CarouselContent>
             <CarouselItem className="basis-full md:basis-1/2 md:px-6 lg:basis-1/3">
diff --git a/front/components/home/content/Product/VerticalSection.tsx b/front/components/home/content/Product/VerticalSection.tsx
index 0ed096516a13..b1bb2c582d74 100644
--- a/front/components/home/content/Product/VerticalSection.tsx
+++ b/front/components/home/content/Product/VerticalSection.tsx
@@ -40,8 +40,8 @@ export function VerticalSection() {
       >
         <Carousel className="w-full rounded-3xl" isLooping={true}>
           <div className="flex w-full flex-row gap-4">
-            <CarouselPrevious variant="white" />
-            <CarouselNext variant="white" />
+            <CarouselPrevious />
+            <CarouselNext />
           </div>
           <CarouselContent className="rounded-xl">
             <CarouselItem className="basis-full">
diff --git a/front/package-lock.json b/front/package-lock.json
index be93009aa038..47310d6a7fcb 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.290",
+        "@dust-tt/sparkle": "^0.2.291",
         "@dust-tt/types": "file:../types",
         "@headlessui/react": "^1.7.7",
         "@heroicons/react": "^2.0.11",
@@ -11484,9 +11484,9 @@
       "link": true
     },
     "node_modules/@dust-tt/sparkle": {
-      "version": "0.2.290",
-      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.290.tgz",
-      "integrity": "sha512-CEYXAh8q1pTZnH9UqGFtBrYglEaJSAc9Fp7qPVU5SpR82lcDSQvLEZIqXaPiZfF4WuvBuKDWlIb9HE2tUHOSVg==",
+      "version": "0.2.291",
+      "resolved": "https://registry.npmjs.org/@dust-tt/sparkle/-/sparkle-0.2.291.tgz",
+      "integrity": "sha512-Lxkc+onMI/DbpD/NyrAo6sLKqmKfh952lqzR6opKsgDJiufiSSl2FUSV9shhFnkA0xkztR4HCTHTrNERBea5VQ==",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
         "@emoji-mart/react": "^1.1.1",
diff --git a/front/package.json b/front/package.json
index 5e83d1eafc39..88f567ed1483 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.290",
+    "@dust-tt/sparkle": "^0.2.291",
     "@dust-tt/types": "file:../types",
     "@headlessui/react": "^1.7.7",
     "@heroicons/react": "^2.0.11",