diff --git a/templates/contribute.html b/templates/contribute.html
index c9345b5076b72cc854fd263b2b2c7f5315d405f1_dGVtcGxhdGVzL2NvbnRyaWJ1dGUuaHRtbA==..425edbcc7cbbf92a53b0189ed34df3e3b61a2b5f_dGVtcGxhdGVzL2NvbnRyaWJ1dGUuaHRtbA== 100644
--- a/templates/contribute.html
+++ b/templates/contribute.html
@@ -23,7 +23,7 @@
 {% block main %}
 <p class="lead">Join the Tryton community and help the project.</p>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -41,7 +41,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -61,7 +61,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -89,7 +89,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -107,7 +107,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -126,7 +126,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -148,7 +148,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
diff --git a/templates/donate.html b/templates/donate.html
index c9345b5076b72cc854fd263b2b2c7f5315d405f1_dGVtcGxhdGVzL2RvbmF0ZS5odG1s..425edbcc7cbbf92a53b0189ed34df3e3b61a2b5f_dGVtcGxhdGVzL2RvbmF0ZS5odG1s 100644
--- a/templates/donate.html
+++ b/templates/donate.html
@@ -63,7 +63,7 @@
 No matter whether they're big or small, all of them benefit from a powerful application that is free from vendor lock-in.<br/>
 If you're already using Tryton, please consider contributing to the project or supporting the Foundation so the project remains vibrant and continues to grow.
 </p>
-<div class="card mb-5">
+<div class="card mb-5 w-100">
     <h2 class="h4 card-header" id="wire-transfer">Wire Transfer</h2>
     <div class="card-body">
         <p class="card-text">You can make a wire transfer to our bank account:
@@ -74,7 +74,7 @@
         </p>
     </div>
 </div>
-<div class="card mb-5">
+<div class="card mb-5 w-100">
     <h2 class="h4 card-header" id="paypal">PayPal</h2>
     <div class="card-body">
         <p class="card-text">You can easily make a one-time contribution using PayPal:
@@ -103,7 +103,7 @@
         </p>
     </div>
 </div>
-<div class="card mb-5">
+<div class="card mb-5 w-100">
     <h2 class="h4 card-header" id="paypal-recurring">Recurring PayPal</h2>
     <div class="card-body">
         <p class="card-text">You can easily make a monthly contribution using PayPal:
@@ -132,7 +132,7 @@
         </p>
     </div>
 </div>
-<div class="card mb-5">
+<div class="card mb-5 w-100">
     <h2 class="h4 card-header" id="bitcoin">Bitcoin</h2>
     <div class="card-body">
         <p class="card-text">You can easily donate in bitcoin:
@@ -189,7 +189,7 @@
         </p>
     </div>
 </div>
-<div class="card mb-5">
+<div class="card mb-5 w-100">
     <h2 class="h4 card-header" id="contribute">Contribute</h2>
     <div class="card-body">
         <p class="card-text">
diff --git a/templates/forum.html b/templates/forum.html
index c9345b5076b72cc854fd263b2b2c7f5315d405f1_dGVtcGxhdGVzL2ZvcnVtLmh0bWw=..425edbcc7cbbf92a53b0189ed34df3e3b61a2b5f_dGVtcGxhdGVzL2ZvcnVtLmh0bWw= 100644
--- a/templates/forum.html
+++ b/templates/forum.html
@@ -21,7 +21,7 @@
 Be considerate of others, follow the <a href="https://tools.ietf.org/html/rfc1855#section-3.0">netiquette</a>.
 </p>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body">
         <h2 class="card-title text-uppercase" id="discuss">Forum</h2>
         <p class="card-text">
@@ -34,7 +34,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body">
         <h2 class="card-title text-uppercase" id="irc">Internet Relay Chat</h2>
         <p class="card-text">
@@ -74,7 +74,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body">
         <h2 class="card-title text-uppercase" id="mailing-lists">Mailing Lists</h2>
         <ul class="list-group list-group-flush">
diff --git a/templates/service_providers_start.html b/templates/service_providers_start.html
index c9345b5076b72cc854fd263b2b2c7f5315d405f1_dGVtcGxhdGVzL3NlcnZpY2VfcHJvdmlkZXJzX3N0YXJ0Lmh0bWw=..425edbcc7cbbf92a53b0189ed34df3e3b61a2b5f_dGVtcGxhdGVzL3NlcnZpY2VfcHJvdmlkZXJzX3N0YXJ0Lmh0bWw= 100644
--- a/templates/service_providers_start.html
+++ b/templates/service_providers_start.html
@@ -31,7 +31,7 @@
 {% block main %}
 <p class="lead">You want your company to be listed as a <a href="{{ url_for('service_providers') }}"> service provider</a>? Follow these steps:</p>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -48,7 +48,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -65,7 +65,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">
@@ -82,7 +82,7 @@
     </div>
 </div>
 
-<div class="card mb-5 shadow">
+<div class="card mb-5 shadow w-100">
     <div class="card-body d-inline-flex">
         <div class="picto-container mr-3 d-none d-sm-flex">
             <div class="picto bg-dark text-white wow zoomIn" data-wow-delay=".5s">