diff --git a/app/templates/goals.html b/app/templates/goals.html
index 7e7c259..70088d4 100644
--- a/app/templates/goals.html
+++ b/app/templates/goals.html
@@ -200,7 +200,7 @@ function applyFilters() {
                     </div>
                     <div class="card-body p-2">
                         <div class="row g-2">
-                            ${goals.map(g => renderGoalCard(g)).join('')}
+                            ${goals.map(g => `<div class="col-md-4 col-lg-3">${renderGoalCard(g)}</div>`).join('')}
                         </div>
                     </div>
                 </div>
diff --git a/app/templates/problems.html b/app/templates/problems.html
index fff97d2..4c7c918 100644
--- a/app/templates/problems.html
+++ b/app/templates/problems.html
@@ -228,7 +228,7 @@ function renderProblems(problems, groupBy) {
                     </div>
                     <div class="card-body p-2">
                         <div class="row g-2">
-                            ${items.map(p => renderProblemCard(p)).join('')}
+                            ${items.map(p => `<div class="col-md-4 col-sm-6">${renderProblemCard(p)}</div>`).join('')}
                         </div>
                     </div>
                 </div>