diff --git a/frontend/src/Components/Common/InfoCard.jsx b/frontend/src/Components/Common/InfoCard.jsx
index 66ff717..9b19c90 100644
--- a/frontend/src/Components/Common/InfoCard.jsx
+++ b/frontend/src/Components/Common/InfoCard.jsx
@@ -54,11 +54,14 @@ export const InfoCard = (props) => {
                         color: '#ffc107',
                     }}><path d="M12 .587l3.668 7.568 8.332 1.151-6.064 5.787 1.615 8.162-7.551-4.008L4.449 23.255 6.064 15.093 0 9.305l8.332-1.15z" /></svg></p>
                 <div>{props.description}</div>
+                {console.log(props.ageGroups)}
                 <div id="age" className="card" style={{ marginBottom: "5px" }}>
-                    <span><ChildIcon className="icon" />Деца между {
-                         props.ageGroups.forEach((age) => { return ageGroups[age] })
-                    } години.</span>
+                    <span>
+                        <ChildIcon className="icon" />
+                        Деца между {props.ageGroups?.map((age) => ageGroups[age] ?? "N/A").join(", ")} години.
+                    </span>
                 </div>
+
                 <div id="playgroundLocation" className="card">
                     <span><ParkIcon className="icon" />{props.environment}</span>
                 </div>