diff --git a/crabfit-frontend/src/components/Settings/Settings.jsx b/crabfit-frontend/src/components/Settings/Settings.jsx
index 1592eea..20689a3 100644
--- a/crabfit-frontend/src/components/Settings/Settings.jsx
+++ b/crabfit-frontend/src/components/Settings/Settings.jsx
@@ -126,19 +126,6 @@ const Settings = () => {
           onChange={value => store.setTheme(value)}
         />
 
-        <ToggleField
-          label={t('options.highlight.label')}
-          name="highlight"
-          id="highlight"
-          title={t('options.highlight.title')}
-          options={{
-            'Off': t('options.highlight.options.Off'),
-            'On': t('options.highlight.options.On'),
-          }}
-          value={store.highlight ? 'On' : 'Off'}
-          onChange={value => store.setHighlight(value === 'On')}
-        />
-
         <SelectField
           label={t('options.colormap.label')}
           name="colormap"
@@ -157,6 +144,19 @@ const Settings = () => {
           onChange={event => store.setColormap(event.target.value)}
         />
 
+        <ToggleField
+          label={t('options.highlight.label')}
+          name="highlight"
+          id="highlight"
+          title={t('options.highlight.title')}
+          options={{
+            'Off': t('options.highlight.options.Off'),
+            'On': t('options.highlight.options.On'),
+          }}
+          value={store.highlight ? 'On' : 'Off'}
+          onChange={value => store.setHighlight(value === 'On')}
+        />
+
         <SelectField
           label={t('options.language.label')}
           name="language"