diff --git a/web/src/components/recipe.rs b/web/src/components/recipe.rs
index 0b74a86..6705aeb 100644
--- a/web/src/components/recipe.rs
+++ b/web/src/components/recipe.rs
@@ -31,7 +31,7 @@ fn steps(steps: ReadSignal<Vec<recipes::Step>>) -> View<G> {
                                     iterable: Signal::new(step.ingredients).handle(),
                                     template: |i| { view! {
                                         li {
-                                            (i.amt) (i.name) (i.form.as_ref().map(|f| format!("({})", f)).unwrap_or(String::new()))
+                                            (i.amt) " " (i.name) " " (i.form.as_ref().map(|f| format!("({})", f)).unwrap_or(String::new()))
                                         }
                                     }}
                                 })
diff --git a/web/src/components/shopping.rs b/web/src/components/shopping.rs
index 830dd79..ddbfd5f 100644
--- a/web/src/components/shopping.rs
+++ b/web/src/components/shopping.rs
@@ -88,6 +88,8 @@ fn shopping_list() -> View<G> {
                     let amt = Signal::new(format!("{}", i.amt.normalize()));
                     view! {
                         tr {
+                            // TODO(jwall): What is the mechanism for deleting ingredients
+                            // from the list?
                             td { input(bind:value=amt.clone(), type="text") }
                             td { (i.name) }
                         }