diff --git a/src/lib/components/common/InterfaceSettings.svelte b/src/lib/components/common/InterfaceSettings.svelte
index 51a16fb433..e6b17f5fd0 100644
--- a/src/lib/components/common/InterfaceSettings.svelte
+++ b/src/lib/components/common/InterfaceSettings.svelte
@@ -904,6 +904,29 @@
 				</p>
 			</div>
 
+			<div>
+				<div class={settingRowClass}>
+					<div id="render-markdown-in-previews-label" class={settingLabelClass}>
+						{$i18n.t('Render Markdown in Previews')}
+					</div>
+
+					<div class={settingControlClass}>
+						<Switch
+							ariaLabelledbyId="render-markdown-in-previews-label"
+							tooltip={true}
+							bind:state={renderMarkdownInPreviews}
+							inherited={isDefaultSetting('renderMarkdownInPreviews')}
+							on:change={() => {
+								saveSettings({ renderMarkdownInPreviews });
+							}}
+						/>
+					</div>
+				</div>
+				<p class={settingDescriptionClass}>
+					{$i18n.t('Format Markdown in previews and compact content surfaces.')}
+				</p>
+			</div>
+
 			<div>
 				<div class={settingRowClass}>
 					<div id="auto-generation-label" class={settingLabelClass}>
@@ -1019,6 +1042,29 @@
 				</p>
 			</div>
 
+			<div>
+				<div class={settingRowClass}>
+					<div id="scroll-on-branch-change-label" class={settingLabelClass}>
+						{$i18n.t('Scroll On Branch Change')}
+					</div>
+
+					<div class={settingControlClass}>
+						<Switch
+							ariaLabelledbyId="scroll-on-branch-change-label"
+							tooltip={true}
+							bind:state={scrollOnBranchChange}
+							inherited={isDefaultSetting('scrollOnBranchChange')}
+							on:change={() => {
+								saveSettings({ scrollOnBranchChange });
+							}}
+						/>
+					</div>
+				</div>
+				<p class={settingDescriptionClass}>
+					{$i18n.t('Scroll to the active branch when switching response branches.')}
+				</p>
+			</div>
+
 			<div>
 				<div class={settingRowClass}>
 					<div id="insert-suggestion-prompt-label" class={settingLabelClass}>
@@ -1182,29 +1228,6 @@
 				</p>
 			</div>
 
-			<div>
-				<div class={settingRowClass}>
-					<div id="render-markdown-in-previews-label" class={settingLabelClass}>
-						{$i18n.t('Render Markdown in Previews')}
-					</div>
-
-					<div class={settingControlClass}>
-						<Switch
-							ariaLabelledbyId="render-markdown-in-previews-label"
-							tooltip={true}
-							bind:state={renderMarkdownInPreviews}
-							inherited={isDefaultSetting('renderMarkdownInPreviews')}
-							on:change={() => {
-								saveSettings({ renderMarkdownInPreviews });
-							}}
-						/>
-					</div>
-				</div>
-				<p class={settingDescriptionClass}>
-					{$i18n.t('Format Markdown in previews and compact content surfaces.')}
-				</p>
-			</div>
-
 			<div>
 				<div class={settingRowClass}>
 					<div id="keep-followup-prompts-label" class={settingLabelClass}>
@@ -1228,29 +1251,6 @@
 				</p>
 			</div>
 
-			<div>
-				<div class={settingRowClass}>
-					<div id="scroll-on-branch-change-label" class={settingLabelClass}>
-						{$i18n.t('Scroll On Branch Change')}
-					</div>
-
-					<div class={settingControlClass}>
-						<Switch
-							ariaLabelledbyId="scroll-on-branch-change-label"
-							tooltip={true}
-							bind:state={scrollOnBranchChange}
-							inherited={isDefaultSetting('scrollOnBranchChange')}
-							on:change={() => {
-								saveSettings({ scrollOnBranchChange });
-							}}
-						/>
-					</div>
-				</div>
-				<p class={settingDescriptionClass}>
-					{$i18n.t('Scroll to the active branch when switching response branches.')}
-				</p>
-			</div>
-
 			<div>
 				<div class={settingRowClass}>
 					<div id="show-files-on-terminal-select-label" class={settingLabelClass}>