diff --git a/core/src/components/toggle/toggle.md.scss b/core/src/components/toggle/toggle.md.scss
index 14f1d63762..bdb402ae1d 100644
--- a/core/src/components/toggle/toggle.md.scss
+++ b/core/src/components/toggle/toggle.md.scss
@@ -63,6 +63,7 @@
 
   transition-duration: $toggle-md-transition-duration;
   transition-property: transform, background-color;
+  transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
 
   background: var(--handle-background);
 
diff --git a/core/src/components/toggle/toggle.md.vars.scss b/core/src/components/toggle/toggle.md.vars.scss
index ae51949e4a..81c7043d68 100644
--- a/core/src/components/toggle/toggle.md.vars.scss
+++ b/core/src/components/toggle/toggle.md.vars.scss
@@ -53,7 +53,7 @@ $toggle-md-media-margin-bottom:                   $toggle-md-media-margin-top !d
 $toggle-md-media-margin-start:                    $toggle-md-media-margin-end !default;
 
 /// @prop - Transition duration of the toggle icon
-$toggle-md-transition-duration:                   300ms !default;
+$toggle-md-transition-duration:                   160ms !default;
 
 /// @prop - Opacity of the disabled toggle
 $toggle-md-disabled-opacity:                      .3 !default;