diff --git a/src/material/BottomSheet.module.css b/src/material/BottomSheet.module.css
index f73f562..8f716e9 100644
--- a/src/material/BottomSheet.module.css
+++ b/src/material/BottomSheet.module.css
@@ -60,5 +60,13 @@
     top: unset;
     transform: translateX(-50%);
     bottom: 0;
+
+    @media (max-width: 560px) {
+      & {
+        transform: none;
+        height: unset;
+
+      }
+    }
   }
 }
diff --git a/src/material/BottomSheet.tsx b/src/material/BottomSheet.tsx
index 3191426..89440e2 100644
--- a/src/material/BottomSheet.tsx
+++ b/src/material/BottomSheet.tsx
@@ -1,19 +1,14 @@
 import {
   children,
   createEffect,
-  createRenderEffect,
   createSignal,
   onCleanup,
-  onMount,
-  startTransition,
   useTransition,
-  type ChildrenReturn,
   type ParentComponent,
   type ResolvedChildren,
 } from "solid-js";
 import styles from "./BottomSheet.module.css";
 import { useHeroSignal } from "../platform/anim";
-import { makeEventListener } from "@solid-primitives/event-listener";
 
 export type BottomSheetProps = {
   open?: boolean;