diff --git a/src/main/resources/templates/my-profile.html b/src/main/resources/templates/my-profile.html
index 4a616c9..9889797 100644
--- a/src/main/resources/templates/my-profile.html
+++ b/src/main/resources/templates/my-profile.html
@@ -56,7 +56,7 @@
 					<div th:if="${recipe.images != null and !#lists.isEmpty(recipe.images)}">
     					<img th:src="${recipe.images[0].imageUrl}" alt="Recipe Image" style="max-width: 200px;">
 					</div>
-                    <p class="card-cost" th:text="${recipe.cost}">Cost</p>
+                	<span th:text="${recipe.cost != null ? #strings.repeat('$', recipe.cost) : ''}"></span>
             	</div>
         	</a>
         	<a th:href="@{/recipes/{id}/edit(id=${recipe.id})}" class="edit-link">Edit</a>
diff --git a/src/main/resources/templates/public-profile.html b/src/main/resources/templates/public-profile.html
index 8065c44..28ba3e4 100644
--- a/src/main/resources/templates/public-profile.html
+++ b/src/main/resources/templates/public-profile.html
@@ -56,7 +56,7 @@
                             <div th:if="${recipe.images != null and !#lists.isEmpty(recipe.images)}">
                                 <img th:src="${recipe.images[0].imageUrl}" alt="Recipe Image" style="max-width: 200px;">
                             </div>
-                            <p th:text="${recipe.cost}">Cost</p>
+                            <span th:text="${recipe.cost != null ? #strings.repeat('$', recipe.cost) : ''}"></span>
                         </div>
                     </a>
                 </div>