diff --git a/packages/app/src/components/mobile-modal/styles.ts b/packages/app/src/components/mobile-modal/styles.ts
index dc2a9ba79..14347f737 100644
--- a/packages/app/src/components/mobile-modal/styles.ts
+++ b/packages/app/src/components/mobile-modal/styles.ts
@@ -5,7 +5,7 @@ export const ModalWrapper = styled.div(({ theme }) => {
   return {
     width: '348px',
     height: '388px',
-    background: '#FFFFFF',
+    background: theme.colors.popoverBackground,
     borderRadius: '28px',
     position: 'relative',
     backgroundImage: `url(${bg.src})`,