diff --git a/web/src/components/detail/StepIngredientSideView.astro b/web/src/components/detail/StepIngredientSideView.astro
index 9559954..0a9eeb5 100644
--- a/web/src/components/detail/StepIngredientSideView.astro
+++ b/web/src/components/detail/StepIngredientSideView.astro
@@ -4,7 +4,6 @@ const { ingredients, class: className } = Astro.props;
 
 <div class={className}>
     {ingredients.map(i => (
-        <ul class="text-sm">
-            <li class="">{i.quantity ? i.quantity.value.value : ''} {i.unit || ""}  {i.name} {i.preparation ? `(${i.preparation})` : ''}</li class="">       </ul>
+            <p class="text-sm">・{i.quantity ? i.quantity.value.value : ''} {i.unit || ""}  {i.name} {i.preparation ? `(${i.preparation})` : ''}</p>
     ))}
 </div>
\ No newline at end of file