diff --git a/keepassxc-browser/options/options.css b/keepassxc-browser/options/options.css
index e7827d3..12c9cc8 100644
--- a/keepassxc-browser/options/options.css
+++ b/keepassxc-browser/options/options.css
@@ -82,6 +82,10 @@ pre {
     white-space: pre-line;
 }
 
+.no-transitions .form-check-input {
+    transition: none !important;
+}
+
 .table > caption {
     color: var(--kpxc-text-color);
 }
diff --git a/keepassxc-browser/options/options.html b/keepassxc-browser/options/options.html
index a9e6997..c919aba 100644
--- a/keepassxc-browser/options/options.html
+++ b/keepassxc-browser/options/options.html
@@ -19,7 +19,7 @@
     <script src="options.js"></script>
     <script src="../common/translate.js" defer></script>
   </head>
-  <body class="pt-3 pb-5">
+  <body class="pt-3 pb-5 no-transitions">
     <div class="container-fluid">
       <div class="row">
         <nav class="col-md-3 col-lg-2 sidebar">
diff --git a/keepassxc-browser/options/options.js b/keepassxc-browser/options/options.js
index 3b9aa28..f1bc3e1 100644
--- a/keepassxc-browser/options/options.js
+++ b/keepassxc-browser/options/options.js
@@ -991,6 +991,11 @@ window.addEventListener('scroll', function() {
         options.initCustomLoginFields();
         options.initSitePreferences();
         options.initAbout();
+
+        // The form-switch transitions should complete in 150 ms
+        setTimeout(() => {
+            document.body.classList.remove('no-transitions');
+        }, 200);
     } catch (err) {
         console.log('Error loading options page: ' + err);
     }
