diff --git a/src/components/Modal/Modal.tsx b/src/components/Modal/Modal.tsx
index bf9aef919..718142b7c 100644
--- a/src/components/Modal/Modal.tsx
+++ b/src/components/Modal/Modal.tsx
@@ -22,7 +22,7 @@ const Underlay = styled(AnimatedDiv)`
   height: 100%;
   width: 100%;
 
-  background-color: #000;
+  background-color: transparentize(0.5, '#000');
 
   position: fixed;
   top: 0;