diff --git a/src/lib.rs b/src/lib.rs
index 2a52d8d..01e8a82 100644
--- a/src/lib.rs
+++ b/src/lib.rs
@@ -116,9 +116,18 @@ where
                     item: ItemSlot<<T::Item as SortableItem>::Key>|
                 match item {
                     ItemSlot::Gap if let Some(render) = gap_render => {
-                        EitherOf3::A(render.0.run(dragged_height))
+                        EitherOf3::A(view! { <li>{render.0.run(dragged_height)}</li> })
+                    }
+                    ItemSlot::Gap => {
+                        EitherOf3::B(
+                            view! {
+                                <li
+                                    class="gap"
+                                    style:height={move || { format!("{}px", dragged_height.get()) }}
+                                />
+                            },
+                        )
                     }
-                    ItemSlot::Gap => EitherOf3::B(default_gap(dragged_height)),
                     ItemSlot::Item(key) => {
                         let item = SortableData::item_at(&data, index.get_untracked())
                             .expect("key from tracked sequence maps to an item");
@@ -205,7 +214,7 @@ where
             >
                 {match handle_render {
                     Some(render) => Either::Left(render.0.run(())),
-                    None => Either::Right(default_handle()),
+                    None => Either::Right(view! { class=SORTABLE, <div class="handle">"☰"</div> }),
                 }}
             </span>
             <div class="item">{item_render(item)}</div>
@@ -243,16 +252,6 @@ where
     }
 }
 
-fn default_handle() -> impl IntoView {
-    view! { class=SORTABLE, <div class="handle">"☰"</div> }
-}
-
-fn default_gap(height: Signal<f64>) -> impl IntoView {
-    view! { class=SORTABLE,
-        <li class="gap" style:height={move || { format!("{}px", height.get()) }} />
-    }
-}
-
 styly!(const sortable:scss {"
     ul {
         display: flex;