diff --git a/static/koboldai.css b/static/koboldai.css
index 63efe15c..dc43fc30 100644
--- a/static/koboldai.css
+++ b/static/koboldai.css
@@ -2355,4 +2355,14 @@ h2 .material-icons-outlined {
 .horde_trigger[model_model="ReadOnly"],
 .horde_trigger[model_model="CLUSTER"] {
 	display: none;
+}
+
+.preset_area {
+	width: 100%;
+	padding: 10px;
+	text-align: center;
+}
+
+.preset_area .settings_button {
+	transform: translateY(6px);
 }
\ No newline at end of file
diff --git a/templates/settings flyout.html b/templates/settings flyout.html
index 75212d09..71ef97a4 100644
--- a/templates/settings flyout.html	
+++ b/templates/settings flyout.html	
@@ -107,12 +107,12 @@
 		<span id="debug-dump" class="cursor" onclick="document.getElementById('debug-file-container').classList.remove('hidden');">Download debug dump</span>
 	</div>
 	<div id="setting_menu_settings" class="hidden settings_category_area tab-target tab-target-settings">
-		<div class="force_center">
-			<select class="var_sync_model_selected_preset settings_select presets" onchange='sync_to_server(this)'><option>Preset</option></select>
+		<div class="preset_area">
 			<button class="settings_button" onclick="show_save_preset();">
 				<span class="material-icons-outlined cursor" title="Save Preset">save</span>
 				<span class="button_label">Save Preset</span>
 			</button>
+			<select class="var_sync_model_selected_preset settings_select presets" onchange='sync_to_server(this)'><option>Preset</option></select>
 		</div>
 		{% with menu='Settings' %}
 			<div class="collapsable_header" onclick="toggle_setting_category(this);">