diff --git a/fern/products/docs/pages/navigation/images/tabs-sidebar.png b/fern/products/docs/pages/navigation/images/tabs-sidebar.png
new file mode 100644
index 000000000..6a8648ace
Binary files /dev/null and b/fern/products/docs/pages/navigation/images/tabs-sidebar.png differ
diff --git a/fern/products/docs/pages/navigation/overview.mdx b/fern/products/docs/pages/navigation/overview.mdx
index b01fedc44..2a6f71de1 100644
--- a/fern/products/docs/pages/navigation/overview.mdx
+++ b/fern/products/docs/pages/navigation/overview.mdx
@@ -237,10 +237,18 @@ tabs:
 Here's an example of what the Tabs implementation looks like:
 
 <Frame>
-  ![Screenshot showing two vertically stacked tabs labeled API Reference and Help
-  Center](https://fern-image-hosting.s3.amazonaws.com/fern/tabs.png)
+  <img src="./images/tabs-sidebar.png" alt="Tabs displayed in the sidebar (default)" />
 </Frame>
 
+Tabs display in the left sidebar by default. To display them horizontally, set `tabs-placement` to `header` in your [layout configuration](/docs/customization/what-is-docs-yml#layout-configuration).
+
+<CodeBlock title="docs.yml">
+```yaml
+layout:
+  tabs-placement: header
+```
+</CodeBlock>
+
 ## Versions
 
 If you have multiple versions of your documentation, you can introduce a dropdown version selector by specifying the `versions`. For more information, check out our [documentation on versioning](/learn/docs/building-your-docs/versioning).