diff --git a/apps/maps/src/routes/+page.svelte b/apps/maps/src/routes/+page.svelte
index dab317cd61..882e181f35 100644
--- a/apps/maps/src/routes/+page.svelte
+++ b/apps/maps/src/routes/+page.svelte
@@ -16,8 +16,8 @@
     import * as convert from 'color-convert';
 
     const STATE_QUERY_PARAM = "state";
-    const START_LAT_LON = [34.05, -118.25];
-    const LEAFLET_START_ZOOM = 13;
+    const START_LAT_LON = [37.6, -120.1];
+    const LEAFLET_START_ZOOM = 6;
     const DEFAULT_BASEMAP_CONFIG = {
       "url": 'https://{s}.basemaps.cartocdn.com/{variant}/{z}/{x}/{y}{r}.png',
       "options": {
@@ -361,6 +361,8 @@
       height: 550px;
     }
 
+
+
     /* Use :global to prevent namespacing of CSS for elements that are created dynamically */
     /* TODO: maybe we can define some of these things up front? For example create the legend div in HTML. */
     :global(.tooltip-meta-list) {
diff --git a/apps/maps/src/variables.scss b/apps/maps/src/variables.scss
index 5488701bb7..31cacf7057 100644
--- a/apps/maps/src/variables.scss
+++ b/apps/maps/src/variables.scss
@@ -1,2 +1,3 @@
 /* Variables and mixins declared here will be available in all other SCSS files */ /* https://github.com/jgthms/bulma/issues/1293 */
 $body-overflow-y: auto;
+$navbar-breakpoint: 0;