diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index fa028d6d7..ef7536696 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -178,7 +178,7 @@
 							Your original username will always stay reserved for you: <strong>{{v.original_username}}</strong>
 						</small>
 						<div class="mt-4">
-							<input class="ml-auto block px-4 py-2 bg-gradient-to-t from-red-800 to-red-700 hover:from-red-700 hover:to-red-800 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-300 focus:text-gray-500 focus:outline-none" type="submit" value="Change display name">
+							<input class="ml-auto btn btn-gray" type="submit" value="Change display name">
 						</div>
 					</form>
 				</div>
@@ -193,7 +193,7 @@
 						<input type="text" name="song" class="block rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" value="{% if v.song %}https://youtu.be/{{v.song}}{% endif %}" placeholder='Enter a youtube video link here'>
 						<small class="block mt-2 text-gray-400">Must be a youtube video link</small>
 						<div class="mt-4">
-							<input class="ml-auto block px-4 py-2 bg-gradient-to-t from-red-800 to-red-700 hover:from-red-700 hover:to-red-800 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-300 focus:text-gray-500 focus:outline-none" type="submit" value="Change profile anthem">
+							<input class="btn btn-gray" type="submit" value="Change profile anthem">
 						</div>
 					</form>
 				</div>
@@ -207,7 +207,7 @@
 						<input type="hidden" name="formkey" value="{{v.formkey}}">
 						<input class="block rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" type="text" name="color" id="color-code" maxlength="6" value="{% if v.namecolor %}{{v.namecolor}}{% endif %}">
 						<div class="mt-4">
-							<input class="ml-auto block px-4 py-2 bg-gradient-to-t from-red-800 to-red-700 hover:from-red-700 hover:to-red-800 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-300 focus:text-gray-500 focus:outline-none" type="submit" value="Change username color">
+							<input class="btn btn-gray" type="submit" value="Change username color">
 						</div>
 					</form>
 				</div>
@@ -226,7 +226,7 @@
 						</button>
 						<small class="block mt-2 text-gray-400">Limit of 100 characters</small>
 						<div class="mt-4">
-							<input class="ml-auto block px-4 py-2 bg-gradient-to-t from-red-800 to-red-700 hover:from-red-700 hover:to-red-800 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-300 focus:text-gray-500 focus:outline-none" type="submit" value="Change flair">
+							<input class="btn btn-gray" type="submit" value="Change flair">
 						</div>
 					</form>
 				</div>
@@ -241,7 +241,7 @@
 						<input type="hidden" name="formkey" value="{{v.formkey}}">
 						<input class="block rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" type="text" name="color" id="color-code" maxlength="6" value="{% if v.titlecolor %}{{v.titlecolor}}{% endif %}">
 						<div class="mt-4">
-							<input class="ml-auto block px-4 py-2 bg-gradient-to-t from-red-800 to-red-700 hover:from-red-700 hover:to-red-800 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-300 focus:text-gray-500 focus:outline-none" type="submit" value="Change flair color">
+							<input class="btn btn-gray" type="submit" value="Change flair color">
 						</div>
 					</form>
 				</div>
@@ -256,7 +256,7 @@
 						<input type="hidden" name="formkey" value="{{v.formkey}}">
 						<input class="block rounded shadow-inner px-2 py-1.5 text-gray-500 bg-gray-900 border border-gray-900 focus:bg-white focus:text-gray-900" type="text" name="color" id="color-code" maxlength="6" value="{% if v.titlecolor %}{{v.titlecolor}}{% endif %}">
 						<div class="mt-4">
-							<input class="ml-auto block px-4 py-2 bg-gradient-to-t from-red-800 to-red-700 hover:from-red-700 hover:to-red-800 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-300 focus:text-gray-500 focus:outline-none" type="submit" value="Change flair color">
+							<input class="btn btn-gray" type="submit" value="Change flair color">
 						</div>
 					</form>
 				</div>
@@ -316,7 +316,7 @@
 						</div> -->
 						<small class="block mt-2 text-gray-400">Limit of 1500 characters</small>
 						<div class="mt-4">
-							<input class="ml-auto block px-4 py-2 bg-gradient-to-t from-red-800 to-red-700 hover:from-red-700 hover:to-red-800 active:shadow-inner border border-gray-800 rounded-lg text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-300 focus:text-gray-500 focus:outline-none" type="submit" value="Save bio">
+							<input class="btn btn-gray" type="submit" value="Save bio">
 						</div>
 					</form>
 				</div>