diff --git a/src/purchase/templates/purchase/basket_list.html b/src/purchase/templates/purchase/basket_list.html
index 60458d2..b03ab92 100644
--- a/src/purchase/templates/purchase/basket_list.html
+++ b/src/purchase/templates/purchase/basket_list.html
@@ -1,10 +1,10 @@
 {% extends "common/base.html" %}
 {% block content %}
     <h1>Baskets</h1>
-    <div class="row">
+    <div class="row row-cols-auto g-4">
         {% for basket in baskets %}
-            <div class="col-sm-3 mb-3 mt-3">
-                <div class="card">
+            <div class="col">
+                <div class="card h-100">
                     <div class="card-body">
                         <h5 class="card-title">Basket #{{ basket.id }}</h5>
                         <p class="card-text">