diff --git a/src/components/modals/SettingsModal.jsx b/src/components/modals/SettingsModal.jsx
index e6aa890..4f94b2a 100644
--- a/src/components/modals/SettingsModal.jsx
+++ b/src/components/modals/SettingsModal.jsx
@@ -107,18 +107,6 @@ class SettingsModal extends React.Component {
         />
       </InputBlock>
 
-      <InputBlock label={"Style Renderer"} doc={"Choose the default Maputnik renderer for this style."}>
-        <SelectInput {...inputProps}
-          data-wd-key="modal-settings.maputnik:renderer" 
-          options={[
-            ['mbgljs', 'MapboxGL JS'],
-            ['ol', 'Open Layers (experimental)'],
-          ]}
-          value={metadata['maputnik:renderer'] || 'mbgljs'}
-          onChange={onChangeMetadataProperty.bind(this, 'maputnik:renderer')}
-        />
-      </InputBlock>
-
       <InputBlock label={"Center"} doc={latest.$root.center.doc}>
         <ArrayInput
           length={2}
@@ -194,6 +182,19 @@ class SettingsModal extends React.Component {
         />
       </InputBlock>
 
+      <InputBlock label={"Style Renderer"} doc={"Choose the default Maputnik renderer for this style."}>
+        <SelectInput {...inputProps}
+          data-wd-key="modal-settings.maputnik:renderer" 
+          options={[
+            ['mbgljs', 'MapboxGL JS'],
+            ['ol', 'Open Layers (experimental)'],
+          ]}
+          value={metadata['maputnik:renderer'] || 'mbgljs'}
+          onChange={onChangeMetadataProperty.bind(this, 'maputnik:renderer')}
+        />
+      </InputBlock>
+
+
 
       </div>
     </Modal>