diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index 1c77745c..ebbe8e9a 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -360,7 +360,7 @@ export default function ComposeEmail(props: ComposeEmailAllProps) {
   }, []);
   
   return (
-    <div className="fixed inset-0 bg-gray-600/30 backdrop-blur-sm z-50 flex items-center justify-center">
+    <div className="fixed inset-0 bg-white/70 z-[100] flex items-center justify-center">
       <div className="w-full max-w-2xl h-[90vh] bg-white rounded-xl shadow-xl flex flex-col mx-4">
         {/* Modal Header */}
         <div className="flex-none flex items-center justify-between px-6 py-3 border-b border-gray-200">
@@ -720,7 +720,7 @@ function LegacyAdapter({
   if (!showCompose) return null;
   
   return (
-    <div className="fixed inset-0 bg-gray-600/30 backdrop-blur-sm z-50 flex items-center justify-center">
+    <div className="fixed inset-0 bg-white/70 z-[100] flex items-center justify-center">
       <div className="w-full max-w-2xl h-[90vh] bg-white rounded-xl shadow-xl flex flex-col mx-4">
         {/* Modal Header */}
         <div className="flex-none flex items-center justify-between px-6 py-3 border-b border-gray-200">