diff --git a/src/components/GoalsComponents/MyGoal/GoalItemSummary/BudgetSummary.tsx b/src/components/GoalsComponents/MyGoal/GoalItemSummary/BudgetSummary.tsx
index 771a4c706..94402707e 100644
--- a/src/components/GoalsComponents/MyGoal/GoalItemSummary/BudgetSummary.tsx
+++ b/src/components/GoalsComponents/MyGoal/GoalItemSummary/BudgetSummary.tsx
@@ -7,7 +7,7 @@ const BudgetSummary = ({ goal }: { goal: GoalItem }) => {
 
   const summaryParts = [perDaySummary, onDaysSummary, timeConstraintsSummary, perWeekSummary].filter(Boolean);
 
-  return <span>{summaryParts.join(" | ")}</span>;
+  return <span>{summaryParts.join(", ")}</span>;
 };
 
 export default BudgetSummary;
diff --git a/src/components/GoalsComponents/MyGoal/GoalItemSummary/GoalSummary.tsx b/src/components/GoalsComponents/MyGoal/GoalItemSummary/GoalSummary.tsx
index 352a2bd1a..2128e41c1 100644
--- a/src/components/GoalsComponents/MyGoal/GoalItemSummary/GoalSummary.tsx
+++ b/src/components/GoalsComponents/MyGoal/GoalItemSummary/GoalSummary.tsx
@@ -7,7 +7,7 @@ const GoalSummary = ({ goal }: { goal: GoalItem }) => {
 
   const summaryParts = [sublistSummary, durationSummary, dueDateSummary, habitSummary].filter(Boolean);
 
-  return <span>{summaryParts.join(" | ")}</span>;
+  return <span>{summaryParts.join(", ")}</span>;
 };
 
 export default GoalSummary;