diff --git a/services/user/Webmail/ui/src/components/compose-dialog.tsx b/services/user/Webmail/ui/src/components/compose-dialog.tsx
index e9f800aad..32c9caaaa 100644
--- a/services/user/Webmail/ui/src/components/compose-dialog.tsx
+++ b/services/user/Webmail/ui/src/components/compose-dialog.tsx
@@ -214,10 +214,9 @@ export const ComposeDialog = ({
                                 </FormItem>
                             )}
                         />
-                        {/* <ScrollArea className="h-full flex-1 overflow-y-auto"> */}
                         <MilkdownProvider>
                             <ProsemirrorAdapterProvider>
-                                <div className="sticky top-0 z-10 bg-white/50 backdrop-blur">
+                                <div className="sticky top-0 z-10">
                                     <ControlBar />
                                     <Separator />
                                 </div>
@@ -231,7 +230,6 @@ export const ComposeDialog = ({
                                 />
                             </ProsemirrorAdapterProvider>
                         </MilkdownProvider>
-                        {/* </ScrollArea> */}
                         <DialogFooter>
                             <Button type="submit">Send</Button>
                         </DialogFooter>
diff --git a/services/user/Webmail/ui/src/styles/editor.css b/services/user/Webmail/ui/src/styles/editor.css
index 5cd5db59e..8fc586848 100644
--- a/services/user/Webmail/ui/src/styles/editor.css
+++ b/services/user/Webmail/ui/src/styles/editor.css
@@ -7,7 +7,7 @@
 }
 
 .prose.editor {
-    @apply mx-auto h-full max-w-none;
+    @apply mx-auto h-full max-w-none dark:text-foreground;
 }
 
 /* list-item-block */