diff --git a/server/web_app/public/js/insights.js b/server/web_app/public/js/insights.js
index b9f77c81ee5edc6832978aa04ac360f6dcca6c76..208e75fa6e255383889478b2dec751e0e6c921b7 100644
--- a/server/web_app/public/js/insights.js
+++ b/server/web_app/public/js/insights.js
@@ -24,7 +24,7 @@ function initFromUrl() {
 async function fetchData() {
     let url = '';
     if (currentTarget === 'items') {
-        url = `${ROUTE}:${PORT}/items?sortBy=price&sort=${currentSort}&onlyBought=true`;
+        url = `${ROUTE}:${PORT}/items?sortBy=price&sort=${currentSort}&onlyBought=true&max=3`;
     } else {
         url = `${ROUTE}:${PORT}/wishLists/sortedByTotalBought?sort=${currentSort}`;
     }
diff --git a/server/web_app/templates/insights.html.twig b/server/web_app/templates/insights.html.twig
index b78365530e77fd4cef91b7b37ac846b413f51d45..267478ae2b8dd6931bbbd261b666c44a67780b83 100644
--- a/server/web_app/templates/insights.html.twig
+++ b/server/web_app/templates/insights.html.twig
@@ -5,7 +5,8 @@
 {% endblock %}
 
 {% block body %}
-    {% if target == 'items' %}
+    <div class="container">
+{% if target == 'items' %}
         <h3 id="pageTitle">Top 3 most expensive purchased items</h3>
     {% else %}
         <h3 id="pageTitle">Top 3 wishlists with the highest total purchase amount</h3>
@@ -71,5 +72,7 @@
         </table>
     </section>
 
+    </div>
+    
     <script src="{{ asset('js/insights.js') }}"></script>
 {% endblock %}