diff --git a/static/src/css/ethikis_survey.css b/static/src/css/ethikis_survey.css
index 81a61ff62f422cd8d978b00509f78cdfc7dc6b4d..e5b806b4b5026a1f45224db0d60ff4c117ee5219 100644
--- a/static/src/css/ethikis_survey.css
+++ b/static/src/css/ethikis_survey.css
@@ -44,6 +44,7 @@
     background-color: white;
     background-attachment: fixed;
     color:#3D3D3D;
+    overflow-wrap: anywhere;
 }
 
 .ethikis-survey h1, .ethikis-survey h2, .ethikis-survey h3, .ethikis-survey h4 {
@@ -127,6 +128,7 @@
     background-color: #61C4E1;
     color: white;
     border-radius: 20px;
+    white-space: normal;
 }
 
 .ethikis-btn-green {
@@ -134,6 +136,7 @@
     background-color: #009036;
     color: white;
     border-radius: 20px;
+    white-space: normal;
 }
 
 
diff --git a/templates/layout.xml b/templates/layout.xml
index 621db67816661b29e17aaaf4c6bfaf11700b62d9..9b26171eba62516e73127541e15358abb3f3e984 100644
--- a/templates/layout.xml
+++ b/templates/layout.xml
@@ -66,10 +66,10 @@
 
         <template id="ethikis_survey_header">
             <div class="row">
-                <div class="col-6 my-auto">
+                <div class="col-md-6 my-auto">
                     <img src="/ethikis_survey/static/src/img/logo_horizontal.png" class="float-left" width="200px" alt=""/>
                 </div>
-                <div class="col-6 text-right my-auto">
+                <div class="col-md-6 text-right my-auto">
                     <h3>ESPACE ENQUÊTE</h3>
                 </div>
             </div>
@@ -84,7 +84,7 @@
                         <div class='jumbotron mt32 ethikis-jumbo shadow-lg'>
                             <t t-call="ethikis_survey.ethikis_survey_header"/>
                             <div class="row pt-5">
-                                <div class="col-9">
+                                <div class="col-md-9">
                                     <div class="col-12 pb32">
                                         <h1 t-field='survey.title'/>
                                         <div t-field='survey.description' class="oe_no_empty text-justify pt-4 pb-10"/>
@@ -97,7 +97,7 @@
                                         </h5>
                                     </div>
                                 </div>
-                                <div class="col-3 my-auto">
+                                <div class="col-md-3 my-auto">
                                     <img id="ethikis-etiquette-jumbo" src="/ethikis_survey/static/src/img/etiquette.png" class="float-right" margin-right="-2rem" width="250px" alt=""/>
                                 </div>
                             </div>