diff --git a/basetheme_bootstrap/static/css/basetheme_bootstrap4.css b/basetheme_bootstrap/static/css/basetheme_bootstrap4.css
index f3785b943de2171c36675a5fe474135938525139..737eff62628fbe2a3d582b0a25348b5ecad7872d 100644
--- a/basetheme_bootstrap/static/css/basetheme_bootstrap4.css
+++ b/basetheme_bootstrap/static/css/basetheme_bootstrap4.css
@@ -21,6 +21,10 @@
     user-select: none;
 }
 
+.href-break-all a[href], a[href].href-break-all{
+    word-break: break-all !important;
+}
+
 @media (min-width: 768px) {
     .bd-placeholder-img-lg {
         font-size: 3.5rem;
diff --git a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
index 23afdabe5d3e1ae6729683d3b4efec09d20f84e0..a397f5bc734a4cf49eb0cb90ebba7e871f506d12 100644
--- a/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
+++ b/basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css
@@ -4,6 +4,10 @@
     }
 }
 
+.href-break-all a[href], a[href].href-break-all{
+    word-break: break-all !important;
+}
+
 .content-page-title .btn,
 html {
     font-family: "Brandon","Arial","Helvetica",sans-serif;
diff --git a/basetheme_bootstrap/templates/basetheme_bootstrap/about.example.html b/basetheme_bootstrap/templates/basetheme_bootstrap/about.example.html
index ea9f3481de7e232f232dacd4f04f912698bfde62..5e22ffb23dc7bbc3a3fb7bc89f1b00e95d709a08 100644
--- a/basetheme_bootstrap/templates/basetheme_bootstrap/about.example.html
+++ b/basetheme_bootstrap/templates/basetheme_bootstrap/about.example.html
@@ -5,7 +5,7 @@
 {% block content%}
 <div class="col-xs-12 col-12">
     <h2>{%trans "Team"%}</h2>
-    <table class="table">
+    <table class="table href-break-all">
         <thead>
         <tr>
             <th>{%trans "Last name"%}</th>