diff --git a/html/crumble.tsx b/html/crumble.tsx
index c9c3153..c70b424 100644
--- a/html/crumble.tsx
+++ b/html/crumble.tsx
@@ -16,7 +16,7 @@ export const Shaky = ({
     children: ComponentChildren;
     delay?: number;
 }) => (
-    <div
+    <span
         style={{
             transform: css.transform(css.translate(css.px(-1), css.px(-1))),
             animation: `0.2s spin alternate-reverse linear ${delay}s infinite`,
@@ -24,10 +24,14 @@ export const Shaky = ({
         }}
     >
         {children}
-    </div>
+    </span>
 );
 
 const default_fall_delay = (x: number) => (3 * x) ** 4;
+// direction should be random but that doesn't need to be as custo
+// well should it
+// i think i'll try without that first
+// a slow fall is fun
 export const Fall = ({
     children,
     delay = 0,
@@ -35,13 +39,13 @@ export const Fall = ({
     children: ComponentChildren;
     delay?: number;
 }) => (
-    <div
+    <span
         style={{
             display: css.inline_block,
         }}
     >
         {children}
-    </div>
+    </span>
 );
 
 const msg = `