diff --git a/src/components/modals/SourcesModal.jsx b/src/components/modals/SourcesModal.jsx
index 73df920..ba4d841 100644
--- a/src/components/modals/SourcesModal.jsx
+++ b/src/components/modals/SourcesModal.jsx
@@ -48,7 +48,7 @@ function editorMode(source) {
     if(source.tiles) return 'tilexyz_vector'
     return 'tilejson_vector'
   }
-  if(source.type === 'geojson') return ' geojson'
+  if(source.type === 'geojson') return 'geojson'
   return null
 }
 
@@ -93,9 +93,9 @@ class AddSource extends React.Component {
   constructor(props) {
     super(props)
     this.state = {
-      mode: 'tilejson',
+      mode: 'tilejson_vector',
       sourceId: style.generateId(),
-      source: this.defaultSource('tilejson'),
+      source: this.defaultSource('tilejson_vector'),
     }
   }
 
diff --git a/src/styles/_components.scss b/src/styles/_components.scss
index efc193f..1250163 100644
--- a/src/styles/_components.scss
+++ b/src/styles/_components.scss
@@ -45,7 +45,7 @@
 // BUTTON
 .maputnik-button {
   cursor: pointer;
-  background-color: $color-gray;
+  background-color: $color-midgray;
   color: $color-lowgray;
   font-size: $font-size-6;
   padding: $margin-2;