diff --git a/docs/user/general/img/overview/marker.svg b/docs/user/general/img/overview/marker.svg
new file mode 100644
index 00000000..c0d26136
--- /dev/null
+++ b/docs/user/general/img/overview/marker.svg
@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1180 900" width="1180" height="900" role="img" aria-label="OpenCloud overview markers">
+<defs><filter id="markerShadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="1" stdDeviation="1.2" flood-opacity="0.18"/></filter></defs>
+<g fill="#f5401d" filter="url(#markerShadow)">
+<polygon points="69,353 111,360 69,367"/>
+<circle cx="48" cy="360" r="23"/>
+<polygon points="1096,79 1103,37 1110,79"/>
+<circle cx="1103" cy="100" r="23"/>
+<polygon points="226,23 268,30 226,37"/>
+<circle cx="205" cy="30" r="23"/>
+<polygon points="681,21 723,28 681,35"/>
+<circle cx="660" cy="28" r="23"/>
+<polygon points="328,619 335,577 342,619"/>
+<circle cx="335" cy="640" r="23"/>
+<polygon points="324,67 282,74 324,81"/>
+<circle cx="345" cy="74" r="23"/>
+<polygon points="448,146 455,176 462,146"/>
+<circle cx="455" cy="125" r="23"/>
+<polygon points="696,81 738,88 696,95"/>
+<circle cx="675" cy="88" r="23"/>
+<polygon points="807,81 765,88 807,95"/>
+<circle cx="828" cy="88" r="23"/>
+<polygon points="1135,79 1142,37 1149,79"/>
+<circle cx="1142" cy="100" r="23"/>
+<polygon points="1104,338 1146,345 1104,352"/>
+<circle cx="1083" cy="345" r="23"/>
+<polygon points="809,153 767,160 809,167"/>
+<circle cx="830" cy="160" r="23"/>
+<polygon points="824,507 782,514 824,521"/>
+<circle cx="845" cy="514" r="23"/>
+<polygon points="1101,570 1143,577 1101,584"/>
+<circle cx="1080" cy="577" r="23"/>
+<polygon points="1101,618 1143,625 1101,632"/>
+<circle cx="1080" cy="625" r="23"/>
+<polygon points="1101,666 1143,673 1101,680"/>
+<circle cx="1080" cy="673" r="23"/>
+<polygon points="1101,713 1143,720 1101,727"/>
+<circle cx="1080" cy="720" r="23"/>
+<polygon points="553,719 560,677 567,719"/>
+<circle cx="560" cy="740" r="23"/>
+</g>
+<g fill="#ffffff" font-family="Arial, Helvetica, sans-serif" font-weight="700" font-size="21" text-anchor="middle" dominant-baseline="central">
+<text x="48" y="360">1</text>
+<text x="1103" y="100">2</text>
+<text x="205" y="30">3</text>
+<text x="660" y="28">4</text>
+<text x="335" y="640">5</text>
+<text x="345" y="74">6</text>
+<text x="455" y="125">7</text>
+<text x="675" y="88">8</text>
+<text x="828" y="88">9</text>
+<text x="1142" y="100">10</text>
+<text x="1083" y="345">11</text>
+<text x="830" y="160">12</text>
+<text x="845" y="514">13</text>
+<text x="1080" y="577">14</text>
+<text x="1080" y="625">15</text>
+<text x="1080" y="673">16</text>
+<text x="1080" y="720">17</text>
+<text x="560" y="740">18</text>
+</g></svg>
\ No newline at end of file
diff --git a/docs/user/general/img/overview/overview.png b/docs/user/general/img/overview/overview.png
index c80a6482..b283124a 100644
Binary files a/docs/user/general/img/overview/overview.png and b/docs/user/general/img/overview/overview.png differ
diff --git a/docs/user/general/overview.md b/docs/user/general/overview.md
index 9a0aec1f..01eee857 100644
--- a/docs/user/general/overview.md
+++ b/docs/user/general/overview.md
@@ -6,11 +6,31 @@ description: Overview of the web user interface
 draft: false
 ---
 
+import OverviewMarker from "./img/overview/marker.svg";
+
 # OpenCloud - Overview of the web user interface
 
 The OpenCloud web interface consists of several areas that help you to work efficiently with files and settings
 
-<img src={require("./img/overview/overview.png").default} alt="Overview" width="1920"/>
+<div style={{ position: "relative", display: "inline-block", width: "100%", maxWidth: "1920px" }}>
+  <img
+    src={require("./img/overview/overview.png").default}
+    alt="Overview"
+    width="1920"
+    style={{ display: 'block', width: '100%', height: 'auto' }}
+  />
+  <OverviewMarker
+    aria-hidden="true"
+    style={{
+      position: 'absolute',
+      inset: 0,
+      width: '100%',
+      height: '100%',
+      pointerEvents: 'none',
+      zIndex: 1,
+    }}
+  />
+</div>
 
 ## 1. Left Sidebar
 
@@ -18,7 +38,7 @@ The sidebar contains the navigation elements such as Spaces, Files, Shares and S
 
 ## 2. App Switcher
 
-The menu in the top left corner allows you to switch between different Apps and modules.
+The menu in the top right corner allows you to switch between different Apps and modules.
 
 ## 3. Top Bar