diff --git a/package.json b/package.json
index 700f2f4..4c0af67 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "tutu",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "",
   "private": true,
   "type": "module",
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;
diff --git a/src/timelines/Home.tsx b/src/timelines/Home.tsx
index 3ce4ce1..5c74795 100644
--- a/src/timelines/Home.tsx
+++ b/src/timelines/Home.tsx
@@ -172,6 +172,7 @@ const TimelinePanel: Component<{
                 client={props.client}
                 expanded={item.id === expandedThreadId() ? 1 : 0}
                 onExpandChange={(x) => {
+                  setTyping(false)
                   if (item.id !== expandedThreadId()) {
                     setExpandedThreadId((x) => (x ? undefined : item.id));
                   } else if (x === 2) {
@@ -423,11 +424,6 @@ const Home: ParentComponent = (props) => {
             </Toolbar>
           </AppBar>
         }
-        fab={
-          <Fab color="secondary">
-            <CreateTootIcon />
-          </Fab>
-        }
       >
         <TimeSourceProvider value={now}>
           <Show when={!!client()}>
diff --git a/src/timelines/MediaAttachmentGrid.tsx b/src/timelines/MediaAttachmentGrid.tsx
index f41477d..a88d7a6 100644
--- a/src/timelines/MediaAttachmentGrid.tsx
+++ b/src/timelines/MediaAttachmentGrid.tsx
@@ -109,8 +109,10 @@ const MediaAttachmentGrid: Component<{
                 src={item.url || undefined}
                 style={style()}
                 onLoadedMetadata={[setLoaded, true]}
-                autoplay={true}
+                autoplay={false}
                 controls
+                playsinline /* or safari on iOS will play in full-screen */
+                loop
               />
             );
 
diff --git a/src/timelines/TootComposer.tsx b/src/timelines/TootComposer.tsx
index 0440253..b50ba64 100644
--- a/src/timelines/TootComposer.tsx
+++ b/src/timelines/TootComposer.tsx
@@ -183,7 +183,8 @@ function randomChoose<T extends any[]>(
   rn: number,
   K: T,
 ): T extends Array<infer E> ? E : never {
-  const idx = Math.round(rn * K.length);
+  const idx = Math.floor(rn * K.length);
+  console.log(idx, K.length);
   return K[idx];
 }