diff --git a/web/src/components/misc/Toggle.svelte b/web/src/components/misc/Toggle.svelte
index 2ab52c32..7101df95 100644
--- a/web/src/components/misc/Toggle.svelte
+++ b/web/src/components/misc/Toggle.svelte
@@ -34,7 +34,7 @@
         background: var(--white);
         border-radius: 100px;
         transform: translateX(0%);
-        transition: transform 0.2s;
+        transition: transform 0.2s, width 0.2s;
     }
 
     .toggle.enabled {
@@ -44,4 +44,8 @@
     .toggle.enabled .toggle-switcher {
         transform: translateX(var(--enabled-pos));
     }
+
+    :global(.toggle-container:active .toggle:not(.enabled) .toggle-switcher) {
+        width: calc(var(--base-size) * 1.3);
+    }
 </style>