From b6856551d34faf70ea47ead6bf6b933c65c7f08b Mon Sep 17 00:00:00 2001
From: Edouard Wautier <4435185+Duncid@users.noreply.github.com>
Date: Fri, 6 Dec 2024 15:27:06 +0100
Subject: [PATCH] Fixing

---
 sparkle/src/components/Citation.tsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/sparkle/src/components/Citation.tsx b/sparkle/src/components/Citation.tsx
index 5424c4e685a9..f73afb52196b 100644
--- a/sparkle/src/components/Citation.tsx
+++ b/sparkle/src/components/Citation.tsx
@@ -1,11 +1,13 @@
 import React, { ReactNode } from "react";
 
-import { Avatar } from "@sparkle/components/Avatar";
-import { CardButton } from "@sparkle/components/Card";
-import { Icon } from "@sparkle/components/Icon";
-import { IconButton } from "@sparkle/components/IconButton";
-import Spinner from "@sparkle/components/Spinner";
-import { Tooltip } from "@sparkle/components/Tooltip";
+import {
+  Avatar,
+  Card,
+  Icon,
+  IconButton,
+  Spinner,
+  Tooltip,
+} from "@sparkle/components";
 import { XCircleIcon } from "@sparkle/icons";
 import { DocumentTextStrokeIcon, ImageStrokeIcon } from "@sparkle/icons/stroke";
 import { classNames } from "@sparkle/lib/utils";
@@ -156,7 +158,7 @@ export function Citation({
     : {};
 
   const cardButton = (
-    <CardButton
+    <Card
       variant="secondary"
       size="sm"
       className={classNames(
@@ -174,7 +176,7 @@ export function Citation({
         </div>
       )}
       <div className={isLoading ? "s-opacity-50" : ""}>{cardContent}</div>
-    </CardButton>
+    </Card>
   );
   return href ? <Tooltip trigger={cardButton} label={title} /> : cardButton;
 }