diff --git a/app/package-lock.json b/app/package-lock.json
index 42d36a8..1d49661 100644
--- a/app/package-lock.json
+++ b/app/package-lock.json
@@ -20,7 +20,7 @@
         "fflate": "^0.7.3",
         "maplibre-gl": "3.3.1",
         "pbf": "^3.2.1",
-        "protomaps-themes-base": "2.0.0-alpha.1",
+        "protomaps-themes-base": "3.0.1",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-dropzone": "^14.1.1",
@@ -3014,9 +3014,9 @@
       "integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
     },
     "node_modules/protomaps-themes-base": {
-      "version": "2.0.0-alpha.1",
-      "resolved": "https://registry.npmjs.org/protomaps-themes-base/-/protomaps-themes-base-2.0.0-alpha.1.tgz",
-      "integrity": "sha512-eGAiUpBPAohnMvEHoF7NRWp7YuTNk/JsAVJ4733jqNw+/EF6Q5TMjqCOZScG3YSri5NStJg+9Upb95M2AQ3pjw=="
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/protomaps-themes-base/-/protomaps-themes-base-3.0.1.tgz",
+      "integrity": "sha512-itF0zqLYzEc/fxKdxZyc6D9GFxSnFQi53Hp+vIguuMCrHSveH9ixeRqh8Wv02woM7dRNbbbfOCeHbSWxlCdcxw=="
     },
     "node_modules/quickselect": {
       "version": "2.0.0",
diff --git a/app/package.json b/app/package.json
index 6f7b12b..a0bb535 100644
--- a/app/package.json
+++ b/app/package.json
@@ -22,7 +22,7 @@
     "fflate": "^0.7.3",
     "maplibre-gl": "3.3.1",
     "pbf": "^3.2.1",
-    "protomaps-themes-base": "2.0.0-alpha.1",
+    "protomaps-themes-base": "3.0.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-dropzone": "^14.1.1",
diff --git a/app/src/MaplibreMap.tsx b/app/src/MaplibreMap.tsx
index ec02aab..1da4996 100644
--- a/app/src/MaplibreMap.tsx
+++ b/app/src/MaplibreMap.tsx
@@ -13,6 +13,8 @@ import { Protocol } from "../../js/adapters";
 import { PMTiles, TileType } from "../../js/index";
 import { styled } from "./stitches.config";
 
+const BASEMAP_THEME = "black";
+
 const INITIAL_ZOOM = 0;
 const INITIAL_LNG = 0;
 const INITIAL_LAT = 0;
@@ -194,7 +196,7 @@ const rasterStyle = async (file: PMTiles): Promise<StyleSpecification> => {
   let layers: LayerSpecification[] = [];
 
   if (metadata.type !== "baselayer") {
-    layers = baseTheme("basemap", "black");
+    layers = baseTheme("basemap", BASEMAP_THEME);
   }
 
   layers.push({
@@ -220,6 +222,7 @@ const rasterStyle = async (file: PMTiles): Promise<StyleSpecification> => {
       },
     },
     glyphs: "https://cdn.protomaps.com/fonts/pbf/{fontstack}/{range}.pbf",
+    sprite: `https://protomaps.github.io/basemaps-assets/sprites/v3/${BASEMAP_THEME}`,
     layers: layers,
   };
 };
@@ -236,7 +239,7 @@ const vectorStyle = async (
   let baseOpacity = 0.35;
 
   if (metadata.type !== "baselayer") {
-    layers = baseTheme("basemap", "black");
+    layers = baseTheme("basemap", BASEMAP_THEME);
     baseOpacity = 0.9;
   }