1 files changed, 16 insertions, 11 deletions
diff --git a/src/main/scala/reading/component/widget/style/Modal.scala b/src/main/scala/reading/component/widget/style/Modal.scala
index ae37c4b..1872344 100644
--- a/src/main/scala/reading/component/widget/style/Modal.scala
+++ b/src/main/scala/reading/component/widget/style/Modal.scala
@@ -11,7 +11,6 @@ object Modal extends StyleSheet.Inline {
   val modal = style(
     display.flex,
     justifyContent.center,
-    alignItems.center,
     position.fixed,
     width(100.%%),
     height(100.%%),
@@ -19,24 +18,30 @@ object Modal extends StyleSheet.Inline {
     right(0.px),
     bottom(0.px),
     left(0.px),
-    overflowY.scroll,
-    opacity(0)
+    opacity(0),
+    overflowY.scroll
   )
 
   val curtain = style(
-    width(100.%%),
-    height(100.%%),
-    position.absolute,
-    top(0.px),
-    left(0.px),
-    backgroundColor(C.black.value),
-    opacity(0.7),
-    cursor.pointer
+    Media.desktop(
+      width(100.%%),
+      height(100.%%),
+      position.fixed,
+      top(0.px),
+      left(0.px),
+      backgroundColor(C.black.value),
+      opacity(0.7),
+      cursor.pointer
+    ),
+    Media.mobile(
+      display.none
+    )
   )
 
   val content = style(
     position.relative,
     backgroundColor(C.white.value),
+    margin.auto,
     Media.desktop(
       width(50.%%),
       borderRadius(5.px)