diff --git a/src/material/BottomSheet.tsx b/src/material/BottomSheet.tsx
index 3149a62..270b1c0 100644
--- a/src/material/BottomSheet.tsx
+++ b/src/material/BottomSheet.tsx
@@ -185,8 +185,8 @@ const BottomSheet: ParentComponent<BottomSheetProps> = (props) => {
     const duration = (distance / MOVE_SPEED) * 1000;
     animation = element.animate(
       [
-        composeAnimationFrame(startRect, { opacity: reserve ? 1 : 0.5, transform: "none" }),
-        composeAnimationFrame(endRect, { opacity: reserve ? 0.5 : 1, transform: "none" }),
+        composeAnimationFrame(startRect, { transform: "none" }),
+        composeAnimationFrame(endRect, { transform: "none" }),
       ],
       { easing, duration },
     );