diff --git a/app/assets/stylesheets/new_design/toggle-switch.scss b/app/assets/stylesheets/new_design/toggle-switch.scss
index 1d9b32f43..8b410511b 100644
--- a/app/assets/stylesheets/new_design/toggle-switch.scss
+++ b/app/assets/stylesheets/new_design/toggle-switch.scss
@@ -8,7 +8,7 @@
   display: inline-block;
   height: 24px;
   margin: 0;
-  margin-right: 0.75rem;
+  margin-right: 15px;
 }
 
 // Hide default HTML checkbox
@@ -30,6 +30,7 @@
   bottom: 0;
   background-color: $border-grey;
   transition: 0.4s;
+  border: 1px solid transparent;
 }
 
 .toggle-switch-control::before {
@@ -37,8 +38,8 @@
   content: "";
   height: 20px;
   width: 20px;
-  left: 2px;
-  bottom: 2px;
+  left: 1px;
+  bottom: 1px;
   background-color: $white;
   transition: 0.4s;
 }
@@ -48,7 +49,8 @@ input:checked + .toggle-switch-control {
 }
 
 input:focus + .toggle-switch-control {
-  box-shadow: 0 0 1px $green;
+  border-color: $blue;
+  box-shadow: 0px 0px 2px 1px $blue;
 }
 
 input:checked + .toggle-switch-control::before {
@@ -57,7 +59,7 @@ input:checked + .toggle-switch-control::before {
 
 .toggle-switch-label {
   margin-left: 47px;
-  font-size: 1rem;
+  font-size: 16px;
   font-weight: normal;
 }
 
diff --git a/app/views/root/patron.html.haml b/app/views/root/patron.html.haml
index 87a37de2a..5b9e8a5ab 100644
--- a/app/views/root/patron.html.haml
+++ b/app/views/root/patron.html.haml
@@ -65,7 +65,7 @@
             %p.notice Une autre option, pas mal non plus.
 
         %h3.header-subsection Interrupteur
-        %label.toggle-switch{ tabindex: 0 }
+        %label.toggle-switch
           = f.check_box :archived, class: 'toggle-switch-checkbox'
           %span.toggle-switch-control.round
           %span.toggle-switch-label.on Activé