diff --git a/package.json b/package.json
index 4c0af67..700f2f4 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "tutu",
-  "version": "1.0.7",
+  "version": "1.0.6",
   "description": "",
   "private": true,
   "type": "module",
diff --git a/src/material/BottomSheet.module.css b/src/material/BottomSheet.module.css
index 8f716e9..f73f562 100644
--- a/src/material/BottomSheet.module.css
+++ b/src/material/BottomSheet.module.css
@@ -60,13 +60,5 @@
     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 89440e2..3191426 100644
--- a/src/material/BottomSheet.tsx
+++ b/src/material/BottomSheet.tsx
@@ -1,14 +1,19 @@
 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 5c74795..3ce4ce1 100644
--- a/src/timelines/Home.tsx
+++ b/src/timelines/Home.tsx
@@ -172,7 +172,6 @@ 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) {
@@ -424,6 +423,11 @@ 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 a88d7a6..f41477d 100644
--- a/src/timelines/MediaAttachmentGrid.tsx
+++ b/src/timelines/MediaAttachmentGrid.tsx
@@ -109,10 +109,8 @@ const MediaAttachmentGrid: Component<{
                 src={item.url || undefined}
                 style={style()}
                 onLoadedMetadata={[setLoaded, true]}
-                autoplay={false}
+                autoplay={true}
                 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 b50ba64..0440253 100644
--- a/src/timelines/TootComposer.tsx
+++ b/src/timelines/TootComposer.tsx
@@ -183,8 +183,7 @@ function randomChoose<T extends any[]>(
   rn: number,
   K: T,
 ): T extends Array<infer E> ? E : never {
-  const idx = Math.floor(rn * K.length);
-  console.log(idx, K.length);
+  const idx = Math.round(rn * K.length);
   return K[idx];
 }