diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index db0d0f52a1..4022f16641 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -269,7 +269,7 @@
 					<form id="profile-bio" action="/settings/profile" method="post" enctype="multipart/form-data">
 						<input type="hidden" name="formkey" value="{{v.formkey}}">
 						<div class="input-group mb-2">
-							<textarea  id="bio-text" class="form-control rounded" aria-label="With textarea" placeholder="Tell the community a bit about yourself." rows="3" name="bio" form="profile-bio" maxlength="1500">{% if v.bio %}{{v.bio}}{% endif %}</textarea>
+							<textarea  id="bio-text" class="form-input rounded" aria-label="With textarea" placeholder="Tell the community a bit about yourself." rows="3" name="bio" form="profile-bio" maxlength="1500">{% if v.bio %}{{v.bio}}{% endif %}</textarea>
 						</div>
 						<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-white border-opacity-10">
 							<li>
@@ -348,7 +348,7 @@
 									<form id="profile-friends" action="/settings/profile" method="post" enctype="multipart/form-data">
 										<input type="hidden" name="formkey" value="{{v.formkey}}">
 										<div class="input-group mb-2">
-											<textarea  id="friends-text" class="form-control rounded" aria-label="With textarea" placeholder="Enter your friends on the site..." rows="3" name="friends" form="profile-friends" maxlength="1500">{% if v.friends %}{{v.friends}}{% endif %}</textarea>
+											<textarea  id="friends-text" class="form-input rounded" aria-label="With textarea" placeholder="Enter your friends on the site..." rows="3" name="friends" form="profile-friends" maxlength="1500">{% if v.friends %}{{v.friends}}{% endif %}</textarea>
 										</div>
 										<pre></pre>
 										<div class="flex">
@@ -369,7 +369,7 @@
 									<form id="profile-enemies" action="/settings/profile" method="post" enctype="multipart/form-data">
 										<input type="hidden" name="formkey" value="{{v.formkey}}">
 										<div class="input-group mb-2">
-											<textarea  id="enemies-text" class="form-control rounded" aria-label="With textarea" placeholder="Enter your enemies on the site..." rows="3" name="enemies" form="profile-enemies" maxlength="1500">{% if v.enemies %}{{v.enemies}}{% endif %}</textarea>
+											<textarea  id="enemies-text" class="form-input rounded" aria-label="With textarea" placeholder="Enter your enemies on the site..." rows="3" name="enemies" form="profile-enemies" maxlength="1500">{% if v.enemies %}{{v.enemies}}{% endif %}</textarea>
 										</div>
 										<pre></pre>
 										<div class="flex">
@@ -390,7 +390,7 @@
 									<form id="profile-sig" action="/settings/profile" method="post" enctype="multipart/form-data">
 										<input type="hidden" name="formkey" value="{{v.formkey}}">
 										<div class="input-group mb-2">
-											<textarea  id="sig-text" class="form-control rounded" aria-label="With textarea" placeholder="Enter a signature..." rows="3" name="sig" form="profile-sig" maxlength="200">{% if v.sig %}{{v.sig}}{% endif %}</textarea>
+											<textarea  id="sig-text" class="form-input rounded" aria-label="With textarea" placeholder="Enter a signature..." rows="3" name="sig" form="profile-sig" maxlength="200">{% if v.sig %}{{v.sig}}{% endif %}</textarea>
 										</div>
 										<div class="flex">
 											<pre style="padding-top:0.7rem" class="btn btn-secondary format d-inline-block m-0 fas fa-bold" aria-hidden="true" onclick="makeBold('sig-text')" data-bs-toggle="tooltip" data-bs-placement="bottom" title="" data-bs-original-title="Bold"></pre>
diff --git a/files/templates/settings_security.html b/files/templates/settings_security.html
index 10302c401b..454ae5b33c 100644
--- a/files/templates/settings_security.html
+++ b/files/templates/settings_security.html
@@ -19,7 +19,7 @@
 						<div class="d-lg-flex">
 							<label for="new-email" class="w-lg-25">Email</label>
 							<div class="w-lg-100">
-								<input class="form-control" id="new_email" {% if v.email %}placeholder="{{v.email}}"{% else %}placeholder="Your email"{% endif %}
+								<input class="form-input" id="new_email" {% if v.email %}placeholder="{{v.email}}"{% else %}placeholder="Your email"{% endif %}
 								aria-describedby="new_email" type="email" name="new_email" required>
 								{% if v.email and not v.is_activated %}
 								<div class="text-danger text-small-extra mt-1" id="email-verify-text">Email not verified. You will not be able to recover your account with this email until you verify it. <u><a href="javascript:void(0)" onclick="post_toast('/verify_email');emailVerifyText();" class="text-danger">Verify now.</a></u></div>
@@ -31,7 +31,7 @@
 						<div class="d-lg-flex mt-3">
 							<label for="email-password" class="w-lg-25 hidden" id="email-password-label">Password</label>
 							<div class="w-lg-100">
-								<input autocomplete="new-password" type="password" class="form-control mb-2 hidden" id="email-password" name="password" autocomplete="off" required>
+								<input autocomplete="new-password" type="password" class="form-input mb-2 hidden" id="email-password" name="password" autocomplete="off" required>
 								<small id="emailpasswordRequired" class="form-text font-weight-bold text-danger hidden mt-1">Password required to update your email.</small>
 							</div>
 						</div>
@@ -69,7 +69,7 @@
 
 							<label for="new_password" class="mb-0 w-lg-25">New Password</label>
 
-							<input class="form-control w-lg-100" id="new_password"
+							<input class="form-input w-lg-100" id="new_password"
 							aria-describedby="new_password" type="password" name="new_password" autocomplete="off"
 							required>
 							<small id="passwordHelpChange"
@@ -88,7 +88,7 @@
 
 					<label for="cnf_password" class="mb-0 w-lg-25">Confirm New Password</label>
 
-					<input class="form-control w-lg-100" id="cnf_password"
+					<input class="form-input w-lg-100" id="cnf_password"
 					aria-describedby="cnf_password" type="password" name="cnf_password" autocomplete="off"
 					required>
 
@@ -105,7 +105,7 @@
 
 			<label for="old_password" class="mb-0 w-lg-25">Old Password</label>
 
-			<input class="form-control mb-2 w-lg-100" id="old_password" autocomplete="off"
+			<input class="form-input mb-2 w-lg-100" id="old_password" autocomplete="off"
 			aria-describedby="old_password" type="password" name="old_password"
 			required>
 
@@ -176,7 +176,7 @@
 
 				<div class="w-lg-100">
 
-					<input autocomplete="new-password" type="password" class="form-control mb-2" id="forcelog-password" name="password" autocomplete="off" required>
+					<input autocomplete="new-password" type="password" class="form-input mb-2" id="forcelog-password" name="password" autocomplete="off" required>
 
 				</div>
 
@@ -227,7 +227,7 @@
 
 							<div class="w-lg-100">
 
-								<input autocomplete="new-password" type="password" class="form-control mb-2" id="delete-password" name="password" required>
+								<input autocomplete="new-password" type="password" class="form-input mb-2" id="delete-password" name="password" required>
 
 							</div>
 
@@ -240,7 +240,7 @@
 
 							<div class="w-lg-100">
 
-								<input autocomplete="new-password" type="text" class="form-control mb-2" id="delete-mfa" name="twofactor" required>
+								<input autocomplete="new-password" type="text" class="form-input mb-2" id="delete-mfa" name="twofactor" required>
 
 							</div>