diff --git a/components/email/ComposeEmail.tsx b/components/email/ComposeEmail.tsx
index cb9850c5..5af7cc38 100644
--- a/components/email/ComposeEmail.tsx
+++ b/components/email/ComposeEmail.tsx
@@ -359,7 +359,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-gray-900/80 z-50 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">
@@ -719,7 +719,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-gray-900/80 z-50 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">