/* Fix for oversized toggle buttons in additional instances */
.toggle-slider,
.toggle-button,
input[type="checkbox"] + .slider,
.switch {
  width: 40px !important;
  height: 20px !important;
  max-width: 40px !important;
  max-height: 20px !important;
  border-radius: 10px !important;
}

/* Fix the slider circle/knob size */
.toggle-slider:before,
.toggle-button:before,
input[type="checkbox"] + .slider:before,
.switch:before {
  width: 16px !important;
  height: 16px !important;
  top: 2px !important;
  left: 2px !important;
  border-radius: 50% !important;
}

/* Fix the position when toggled/active */
input:checked + .toggle-slider:before,
input:checked + .toggle-button:before,
input:checked + .slider:before,
.switch.active:before {
  transform: translateX(20px) !important;
}