diff --git a/docs/src/routes/deprecations/index.tsx b/docs/src/routes/deprecations/index.tsx
index 21b5df995..b6b01dcaa 100644
--- a/docs/src/routes/deprecations/index.tsx
+++ b/docs/src/routes/deprecations/index.tsx
@@ -8,13 +8,13 @@ function Layers() {
     return (
         <div>
 
-            <Markdown content={'# Deprecations
+            <Markdown content={`# Deprecations
 
 Some style properties are no longer the preferred method of accomplishing a particular styling goal. While they are still supported, they will eventually be removed from the MapLibre Style Specification and it is not recommended to use them in new styles. The following is provided as reference for users who need to continue maintaining legacy styles while transitioning to preferred style properties.
-The [`gl-style-migrate`](https://github.com/maplibre/maplibre-style-spec/blob/main/README.md#gl-style-migrate) tool can be used to migrate style files to the latest version and replace deprecated expressions with their supported equivalents.
+The [\`gl-style-migrate\`](https://github.com/maplibre/maplibre-style-spec/blob/main/README.md#gl-style-migrate) tool can be used to migrate style files to the latest version and replace deprecated expressions with their supported equivalents.
 
 ## Function
-'}/>
+`}/>
             <Caption theme="warning">
                 <Markdown content={`
 As of [v0.41.0](https://github.com/maplibre/maplibre-gl-js/blob/main/CHANGELOG.md#0410-october-11-2017), [property expressions](${import.meta.env.BASE_URL}expressions) is the preferred method for styling features based on zoom level or the feature's properties. Zoom and property functions are still supported, but will be phased out in a future release.