diff --git a/website/src/lib/docs/en/map-controls.mdx b/website/src/lib/docs/en/map-controls.mdx
index 9d9ecfcb..b8584fa6 100644
--- a/website/src/lib/docs/en/map-controls.mdx
+++ b/website/src/lib/docs/en/map-controls.mdx
@@ -14,7 +14,9 @@ title: Map controls
 
 The controls at the top allow to zoom in <Plus size="16" class="inline-block" style="margin-bottom: 2px" /> and out <Minus size="16" class="inline-block" style="margin-bottom: 2px" />, and to change the orientation of the map <Compass size="16" class="inline-block" style="margin-bottom: 2px" />.
 
-To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
+<DocsNote>
+    To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
+</DocsNote>
 
 ### <Search size="16" class="inline-block" style="margin-bottom: 2px" /> Search bar
 
diff --git a/website/src/lib/docs/en/menu/view.mdx b/website/src/lib/docs/en/menu/view.mdx
index 5dea943b..8cbc7511 100644
--- a/website/src/lib/docs/en/menu/view.mdx
+++ b/website/src/lib/docs/en/menu/view.mdx
@@ -4,6 +4,7 @@ title: View options
 
 <script lang="ts">
     import { MountainSnow, GalleryVertical, Map, Layers2, Coins, Milestone, Box } from 'lucide-svelte';
+    import DocsNote from '$lib/components/docs/DocsNote.svelte';
 </script>
 
 # { title }
@@ -38,4 +39,8 @@ Toggle the visibility of direction arrows on the map.
 
 ### <Box size="16" class="inline-block" style="margin-bottom: 2px" /> Toggle 3D
 
-Enter or exit the 3D map view.
\ No newline at end of file
+Enter or exit the 3D map view.
+
+<DocsNote>
+    To control the orientation and tilt of the map, you can also drag the map while holding <kbd>Ctrl</kbd>.
+</DocsNote>
\ No newline at end of file