diff --git a/app/assets/stylesheets/app.responsive.scss b/app/assets/stylesheets/app.responsive.scss
index 2d90248c9..8bf07382b 100644
--- a/app/assets/stylesheets/app.responsive.scss
+++ b/app/assets/stylesheets/app.responsive.scss
@@ -33,6 +33,9 @@
 		}
 	}
 
+  .m-t-xxl-on-md { margin-top: 60px; }
+  .m-t-3xl-on-md { margin-top: 80px; }
+  .m-t-4xl-on-md { margin-top: 100px; }
 }
 
 
diff --git a/app/assets/templates/profile/_token.html.erb b/app/assets/templates/profile/_token.html.erb
index fecd30aca..f4a8b0404 100644
--- a/app/assets/templates/profile/_token.html.erb
+++ b/app/assets/templates/profile/_token.html.erb
@@ -4,8 +4,8 @@
         <p ng-hide="hasDuplicate()" translate>{{ 'do_not_fill_the_form_beside_but_specify_here_the_code_you_ve_received_by_email_to_recover_your_access' }}</p>
         <p ng-show="hasDuplicate()" translate>{{ 'just_specify_code_here_to_recover_access' }}</p>
         <div class="row">
-            <div class="col-sm-3 col-sm-offset-1"></div>
-            <div class="col-sm-offset-1 col-sm-6">
+            <div class="col-lg-3 col-lg-offset-1 hidden-md col-sm-3 col-sm-offset-1"></div>
+            <div class="col-lg-offset-1 col-lg-6 col-md-12 col-sm-offset-1 col-sm-6">
                 <div class="form-group" ng-class="{'has-error': userForm['user[auth_token]'].$dirty && userForm['user[auth_token]'].$invalid}">
                     <div class="input-group">
                         <span class="input-group-addon"><i class="fa fa-key"></i></span>
diff --git a/app/assets/templates/profile/complete.html.erb b/app/assets/templates/profile/complete.html.erb
index bef06175c..c29e89bb5 100644
--- a/app/assets/templates/profile/complete.html.erb
+++ b/app/assets/templates/profile/complete.html.erb
@@ -19,7 +19,7 @@
     </section>
 
 
-    <div class="row no-gutter ">
+    <div class="row no-gutter">
         <div class="col-sm-12 col-md-12 b-r">
             <div class="row">
                 <div class="col-md-offset-2 col-md-8 m-t-md">
@@ -34,11 +34,11 @@
                     </section>
                 </div>
             </div>
-            <div class="row col-md-2 col-md-offset-5">
+            <div class="row col-md-2 col-md-offset-5 hidden-sm hidden-xs">
               <p class="font-felt fleche-left text-lg upper text-center">
-                <%= image_tag("fleche-left.png", class: 'fleche-left visible-lg fleche-left-from-top') %>
+                <%= image_tag("fleche-left.png", class: 'fleche-left visible-md fleche-left-from-top') %>
                 <span class="or" translate>{{ 'or' }}</span>
-                <%= image_tag("fleche-left.png", class: 'fleche-right visible-lg fleche-right-from-top') %>
+                <%= image_tag("fleche-left.png", class: 'fleche-right visible-md fleche-right-from-top') %>
               </p>
             </div>
             <div class="row">
@@ -137,7 +137,12 @@
                         </div>
                     </section>
                 </div>
-                <div class="col-md-6" ng-hide="user.merged_at">
+              <div class="row col-xs-2 col-xs-offset-5 hidden-md hidden-lg">
+                <p class="font-felt fleche-left text-lg upper text-center">
+                  <span class="or" translate>{{ 'or' }}</span>
+                </p>
+              </div>
+                <div class="col-md-6 m-t-3xl-on-md" ng-hide="user.merged_at">
                     <ng-include src="'<%= asset_path 'profile/_token.html' %>'"></ng-include>
                 </div>
             </div>