diff --git a/index.html b/index.html
index 8087fc25..ac4c045e 100644
--- a/index.html
+++ b/index.html
@@ -971,10 +971,10 @@
         <p data-tip="Select a style preset" style="display: inline-block">Style preset:</p>
         <select data-tip="Select a style preset" id="stylePreset" onchange="changeStylePreset(this.value)" style="width:45%">
           <option value="styleDefault" data-system=1 selected>Default</option>
-          <option value="styleGloom" data-system=1>Gloom</option>
           <option value="styleAncient" data-system=1>Ancient</option>
-          <option value="styleMonochrome" data-system=1>Monochrome (for heightmap)</option>
+          <option value="styleGloom" data-system=1>Gloom</option>
           <option value="styleClean" data-system=1>Clean</option>
+          <option value="styleMonochrome" data-system=1>Monochrome (for heightmap)</option>
         </select>
         <button id="addStyleButton" data-tip="Click to save current style as a new preset" class="icon-plus styleButton" style="display: inline-block" onclick="addStylePreset()"></button>
         <button id="removeStyleButton" data-tip="Click to remove current custom style preset" class="icon-minus styleButton" style="display: none" onclick="removeStylePreset()"></button>
diff --git a/modules/ui/style.js b/modules/ui/style.js
index 625bf713..0bad58ed 100644
--- a/modules/ui/style.js
+++ b/modules/ui/style.js
@@ -659,6 +659,7 @@ function applyStyleOnLoad() {
     stylePreset.value = preset;
     stylePreset.dataset.old = preset;
   } else {
+    stylePreset.value = "styleDefault";
     stylePreset.dataset.old = preset;
     applyDefaultStyle();
   }