diff --git a/frontend/src/components/SettingsModal.tsx b/frontend/src/components/SettingsModal.tsx
index 3059946..5d46141 100644
--- a/frontend/src/components/SettingsModal.tsx
+++ b/frontend/src/components/SettingsModal.tsx
@@ -217,20 +217,6 @@ export function SettingsModal(props: SettingsModalProps) {
)}
- {shouldRenderSection('mqtt') && (
-
- {renderSectionHeader('mqtt')}
- {isSectionVisible('mqtt') && appSettings && (
-
- )}
-
- )}
-
{shouldRenderSection('database') && (
{renderSectionHeader('database')}
@@ -261,6 +247,20 @@ export function SettingsModal(props: SettingsModalProps) {
)}
+ {shouldRenderSection('mqtt') && (
+
+ {renderSectionHeader('mqtt')}
+ {isSectionVisible('mqtt') && appSettings && (
+
+ )}
+
+ )}
+
{shouldRenderSection('statistics') && (
{renderSectionHeader('statistics')}
diff --git a/frontend/src/components/settings/settingsConstants.ts b/frontend/src/components/settings/settingsConstants.ts
index 8fe66c4..6cbcaef 100644
--- a/frontend/src/components/settings/settingsConstants.ts
+++ b/frontend/src/components/settings/settingsConstants.ts
@@ -12,9 +12,9 @@ export const SETTINGS_SECTION_ORDER: SettingsSection[] = [
'radio',
'identity',
'connectivity',
- 'mqtt',
'database',
'bot',
+ 'mqtt',
'statistics',
'about',
];
@@ -23,9 +23,9 @@ export const SETTINGS_SECTION_LABELS: Record = {
radio: '📻 Radio',
identity: '🪪 Identity',
connectivity: '📡 Connectivity',
- mqtt: '📤 MQTT',
database: '🗄️ Database & Interface',
- bot: '🤖 Bot',
+ bot: '🤖 Bots',
+ mqtt: '📤 MQTT',
statistics: '📊 Statistics',
about: 'About',
};