From f9dd1cff193d7d0b8e66bcd77d7796cf7713008e Mon Sep 17 00:00:00 2001
From: David Totraev <totraev@gmail.com>
Date: Mon, 25 Nov 2024 15:14:32 +0500
Subject: [PATCH] fix: backdrop styles

---
 .changeset/kind-eels-clean.md                 | 5 +++++
 src/components/Dialog/components/Backdrop.tsx | 6 +-----
 2 files changed, 6 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/kind-eels-clean.md

diff --git a/.changeset/kind-eels-clean.md b/.changeset/kind-eels-clean.md
new file mode 100644
index 0000000..c5e2ff1
--- /dev/null
+++ b/.changeset/kind-eels-clean.md
@@ -0,0 +1,5 @@
+---
+"@babylonlabs-io/bbn-core-ui": patch
+---
+
+fix backdrop styles
diff --git a/src/components/Dialog/components/Backdrop.tsx b/src/components/Dialog/components/Backdrop.tsx
index adc8af6..7b975aa 100644
--- a/src/components/Dialog/components/Backdrop.tsx
+++ b/src/components/Dialog/components/Backdrop.tsx
@@ -9,10 +9,6 @@ export interface BackdropProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivE
 export const Backdrop = ({ open = false, ...props }: BackdropProps) => (
   <div
     {...props}
-    className={twJoin(
-      "fixed inset-0 z-40 flex items-center justify-center bg-primary/50 transition-opacity duration-500",
-      open ? "animate-backdrop-in" : "animate-backdrop-out",
-      props.className,
-    )}
+    className={twJoin("bbn-backdrop", open ? "animate-backdrop-in" : "animate-backdrop-out", props.className)}
   />
 );