From 12732575c7aeafabff673145ef0374ccbefadc1f Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Tue, 30 Nov 2021 18:45:06 -0600
Subject: [PATCH 1/2] fix

---
 files/templates/settings_security.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/files/templates/settings_security.html b/files/templates/settings_security.html
index 9869c689c..0ec63595b 100644
--- a/files/templates/settings_security.html
+++ b/files/templates/settings_security.html
@@ -13,6 +13,8 @@ window.onload = function() {
 	});
 
 };
+
+const twoStepModal = new bootstrap.Modal(document.getElementById('2faModal'))
 </script>
 
 		<div class="row">

From a0b6ebeb3f91607a5e852f323d50b1cad3446513 Mon Sep 17 00:00:00 2001
From: kek7198 <grayboy99@protonmail.com>
Date: Tue, 30 Nov 2021 18:45:27 -0600
Subject: [PATCH 2/2] fix

---
 files/templates/settings_security.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/templates/settings_security.html b/files/templates/settings_security.html
index 0ec63595b..eb03b5c8d 100644
--- a/files/templates/settings_security.html
+++ b/files/templates/settings_security.html
@@ -163,7 +163,7 @@ const twoStepModal = new bootstrap.Modal(document.getElementById('2faModal'))
 				<div class="body w-lg-100">
 
 					<div class="custom-control custom-switch">
-					<input type="checkbox" class="custom-control-input" id="2faToggle" name="2faToggle" onchange="document.getElementById('2faModal').modal('toggle')" {% if not mfa_secret %}checked=""{% endif %}>
+					<input type="checkbox" class="custom-control-input" id="2faToggle" name="2faToggle" onchange="twoStepModal.show()" {% if not mfa_secret %}checked=""{% endif %}>
 					<label class="custom-control-label" for="2faToggle"></label>
 					</div>