diff --git a/src/material/BottomSheet.module.css b/src/material/BottomSheet.module.css
index 5693423..d096fff 100644
--- a/src/material/BottomSheet.module.css
+++ b/src/material/BottomSheet.module.css
@@ -10,10 +10,13 @@
   max-width: 560px;
   border-radius: 2px;
   overscroll-behavior: contain;
+  max-height: 100vh;
+  max-height: 100dvh;
 
   &::backdrop {
     background-color: black;
     opacity: 0.5;
+    transition: opacity 220ms var(--tutu-anim-curve-std);
   }
 
   box-shadow: var(--tutu-shadow-e16);
@@ -39,5 +42,9 @@
   &.animated {
     position: absolute;
     transform: none;
+
+    &::backdrop {
+      opacity: 0;
+    }
   }
 }