diff --git a/vizro-core/examples/chart-gallery/assets/images/charts/proportional-symbol.svg b/vizro-core/examples/chart-gallery/assets/images/charts/bubble-map.svg
similarity index 100%
rename from vizro-core/examples/chart-gallery/assets/images/charts/proportional-symbol.svg
rename to vizro-core/examples/chart-gallery/assets/images/charts/bubble-map.svg
diff --git a/vizro-core/examples/chart-gallery/assets/images/charts/dot-density.svg b/vizro-core/examples/chart-gallery/assets/images/charts/dot-map.svg
similarity index 100%
rename from vizro-core/examples/chart-gallery/assets/images/charts/dot-density.svg
rename to vizro-core/examples/chart-gallery/assets/images/charts/dot-map.svg
diff --git a/vizro-core/examples/chart-gallery/utils/_components.py b/vizro-core/examples/chart-gallery/utils/_components.py
index 5529e216e..6989dcc4d 100644
--- a/vizro-core/examples/chart-gallery/utils/_components.py
+++ b/vizro-core/examples/chart-gallery/utils/_components.py
@@ -13,6 +13,8 @@
 
 
 class CodeClipboard(vm.VizroBaseModel):
+    """Contains code snippet with a copy to clipboard button."""
+
     type: Literal["code_clipboard"] = "code_clipboard"
     title: str = "Code"
     text: str
@@ -36,6 +38,8 @@ def build(self):
 
 
 class Markdown(vm.VizroBaseModel):
+    """Markdown component."""
+
     type: Literal["markdown"] = "markdown"
     text: str = Field(
         ..., description="Markdown string to create card title/text that should adhere to the CommonMark Spec."
diff --git a/vizro-core/examples/chart-gallery/utils/_containers.py b/vizro-core/examples/chart-gallery/utils/_containers.py
index 9b78a15b6..54573d65a 100644
--- a/vizro-core/examples/chart-gallery/utils/_containers.py
+++ b/vizro-core/examples/chart-gallery/utils/_containers.py
@@ -109,7 +109,7 @@ def tidy_chart_title(chart: str) -> str:
     ]
 )
 FLOW_CHARTS = sorted(["sankey", "waterfall", "chord", "network"])
-SPATIAL_CHARTS = sorted(["choropleth", "dot-density", "flow-map", "proportional-symbol"])
+SPATIAL_CHARTS = sorted(["choropleth", "dot-map", "flow-map", "bubble-map"])
 
 ALL_CHARTS = sorted(
     set(
diff --git a/vizro-core/src/vizro/static/css/fonts/code.css b/vizro-core/src/vizro/static/css/code.css
similarity index 58%
rename from vizro-core/src/vizro/static/css/fonts/code.css
rename to vizro-core/src/vizro/static/css/code.css
index 14674c7ef..b81be0dd4 100644
--- a/vizro-core/src/vizro/static/css/fonts/code.css
+++ b/vizro-core/src/vizro/static/css/code.css
@@ -8,7 +8,7 @@ code.language-python.hljs {
   font-family: unset;
 }
 
-.hljs-string {
+.hljs-string, .hljs-params .hljs-string, .hljs-number {
   color: var(--text-code-string);
   font-family: unset;
 }
@@ -17,3 +17,8 @@ code.language-python.hljs {
   color: var(--text-code-keyword);
   font-family: unset;
 }
+
+.hljs-title.function_, .hljs-meta, .hljs-built_in, .hljs-type {
+  color: var(--text-code-meta);
+  font-family: unset;
+}
diff --git a/vizro-core/src/vizro/static/css/fonts/tooltip.css b/vizro-core/src/vizro/static/css/tooltip.css
similarity index 100%
rename from vizro-core/src/vizro/static/css/fonts/tooltip.css
rename to vizro-core/src/vizro/static/css/tooltip.css
diff --git a/vizro-core/src/vizro/static/css/variables.css b/vizro-core/src/vizro/static/css/variables.css
index 7cca0486e..d29ef1e9a 100644
--- a/vizro-core/src/vizro/static/css/variables.css
+++ b/vizro-core/src/vizro/static/css/variables.css
@@ -91,6 +91,8 @@
   --status-warning: var(--status-dark-mode-warning);
   --text-code-string: #95c2e7;
   --text-code-keyword: #f4766e;
+  --text-code-meta: #c8ace1;
+  --text-code-type: #f69d50;
 }
 
 .vizro_light {
@@ -158,4 +160,6 @@
   --inverse-color: invert(100%);
   --text-code-string: #0a3069;
   --text-code-keyword: #d12d39;
+    --text-code-meta: #6f42c1;
+    --text-code-type: #f69d50;
 }