diff --git a/docs/eleventy.config.mjs b/docs/eleventy.config.mjs
index b1245e964..0fe4d2d48 100644
--- a/docs/eleventy.config.mjs
+++ b/docs/eleventy.config.mjs
@@ -267,6 +267,7 @@ export default function (eleventyConfig) {
 
 	eleventyConfig.addGlobalData("docs-links", [
 		{ title: 'Website', url: 'https://tabler.io', icon: 'world' },
+		{ title: 'Preview', url: 'https://preview.tabler.io', icon: 'layout-dashboard' },
 		{ title: 'Support', url: 'https://tabler.io/support', icon: 'headset' },
 	]);
 
diff --git a/shared/layouts/docs/default.html b/shared/layouts/docs/default.html
index 2df8615ea..b708414e5 100644
--- a/shared/layouts/docs/default.html
+++ b/shared/layouts/docs/default.html
@@ -40,8 +40,8 @@
 			<div class="row g-0">
 				<div class="col-docs d-none d-lg-block border-end">
 					<div class="py-4">
-						<div class="space-y">
-							<div class="nav nav-vertical nav-pills">
+						<div class="space-y space-y-5">
+							<div class="nav nav-vertical">
 								{% for link in docs-links %}
 								<a href="{{ link.url }}" class="nav-link" target="_blank">
 									<span class="border me-2 rounded p-1">{% include "ui/icon.html" icon=link.icon %}</span>