diff --git a/SGL/templates/index.html b/SGL/templates/index.html
index 302e405..ce37d87 100644
--- a/SGL/templates/index.html
+++ b/SGL/templates/index.html
@@ -5,7 +5,7 @@
 {% block page_titre %} Tableau de bord {% endblock %}
 {% block "contenu" %}
 <div class="row p-2 d-flex justify-content-around">
-    <div class="col-5 col-lg-3 border border-3 rounded border-danger p-2 d-flex" style="cursor: pointer;" id="produit_rupture">
+    <div class="col-12 col-lg-3 border border-3 rounded border-danger p-2 d-flex" style="cursor: pointer;" id="produit_rupture">
         <img src="{% static 'images/stock-rupture.png' %}" alt="" style="width: 30%; height: 75%;">
         <div class="d-flex justify-content-center flex-column ms-1">
             <h3 class="text-center fw-bold">Rupture</h3>
@@ -13,7 +13,7 @@
         </div>
     </div>
 
-    <div class="col-5 col-lg-3 border border-3 rounded border-warning p-2 d-flex" style="cursor: pointer;" id="produit_pre_rupture">
+    <div class="col-12 col-lg-3 border border-3 rounded border-warning my-2 my-lg-0 p-2 d-flex" style="cursor: pointer;" id="produit_pre_rupture">
         <img src="{% static 'images/stock-prerupture.png' %}" alt="" style="width: 30%; height: 75%;">
         <div class="d-flex justify-content-center flex-column ms-1">
             <h3 class="text-center fw-bold">Pré-rupture</h3>
@@ -21,7 +21,7 @@
         </div>
     </div>
 
-    <div class="col-5 col-lg-3 mt-2 mt-lg-0 border border-3 rounded border-success p-2 d-flex" style="cursor: pointer;" id="produit_normal">
+    <div class="col-12 col-lg-3 border border-3 rounded border-success p-2 d-flex" style="cursor: pointer;" id="produit_normal">
         <img src="{% static 'images/stock-bon.png' %}" alt="" style="width: 30%; height: 75%;">
         <div class="d-flex justify-content-center flex-column ms-1">
             <h3 class="text-center fw-bold">Correct</h3>