From a9365e467b8a805e0d366b439c5e670995cbf557 Mon Sep 17 00:00:00 2001
From: Flavien David <flavien.david74@gmail.com>
Date: Mon, 1 Jul 2024 09:35:33 +0200
Subject: [PATCH] Fix X CTA on zoomable citation (#5964)

---
 sparkle/package-lock.json                               | 4 ++--
 sparkle/package.json                                    | 2 +-
 sparkle/src/components/ZoomableImageCitationWrapper.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/sparkle/package-lock.json b/sparkle/package-lock.json
index e3b36e8a2804..74d9e01044cf 100644
--- a/sparkle/package-lock.json
+++ b/sparkle/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.175",
+  "version": "0.2.176",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@dust-tt/sparkle",
-      "version": "0.2.175",
+      "version": "0.2.176",
       "license": "ISC",
       "dependencies": {
         "@emoji-mart/data": "^1.1.2",
diff --git a/sparkle/package.json b/sparkle/package.json
index cccdf4e5cac0..57c584f1be1f 100644
--- a/sparkle/package.json
+++ b/sparkle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.175",
+  "version": "0.2.176",
   "scripts": {
     "build": "rm -rf dist && rollup -c",
     "build:with-tw-base": "rollup -c --environment INCLUDE_TW_BASE:true",
diff --git a/sparkle/src/components/ZoomableImageCitationWrapper.tsx b/sparkle/src/components/ZoomableImageCitationWrapper.tsx
index 336d70b928c8..ee7f398d6ff1 100644
--- a/sparkle/src/components/ZoomableImageCitationWrapper.tsx
+++ b/sparkle/src/components/ZoomableImageCitationWrapper.tsx
@@ -32,9 +32,9 @@ export function ZoomableImageCitationWrapper({
       <Dialog
         open={isZoomed}
         onClose={handleZoomToggle}
-        className="s-relative s-z-50 s-transition s-duration-300 s-ease-out data-[closed]:s-opacity-0"
+        className="s-relative s-z-50"
       >
-        <div className="s-fixed s-inset-8 s-flex s-w-screen s-items-center s-justify-center s-p-4">
+        <div className="s-fixed s-inset-0 s-flex s-w-screen s-items-center s-justify-center s-bg-black/70 s-p-4 s-transition-opacity">
           <Dialog.Panel className="s-max-w-lg s-space-y-4">
             <Dialog.Title>
               <div className="s-flex s-justify-end">