diff --git a/packages/web/components/templates/article/DisplaySettingsModal.tsx b/packages/web/components/templates/article/DisplaySettingsModal.tsx
index dafa94005..2668a2cfe 100644
--- a/packages/web/components/templates/article/DisplaySettingsModal.tsx
+++ b/packages/web/components/templates/article/DisplaySettingsModal.tsx
@@ -19,7 +19,7 @@ export function DisplaySettingsModal(
 ): JSX.Element {
   return (
     <ModalRoot defaultOpen onOpenChange={props.onOpenChange}>
-      <ModalOverlay />
+      <ModalOverlay css={{ backgroundColor: 'unset' }} />
       <ModalContent
         css={{
           width: '345px',