diff --git a/examples/docs/src/components/Header/Header.astro b/examples/docs/src/components/Header/Header.astro
index 7dcbb987d..ca787dc63 100644
--- a/examples/docs/src/components/Header/Header.astro
+++ b/examples/docs/src/components/Header/Header.astro
@@ -18,8 +18,8 @@ const lang = currentPage && getLanguageFromURL(currentPage);
 			<SidebarToggle client:idle />
 		</div>
 		<div class="logo flex">
-			<AstroLogo size={40} />
 			<a href="/">
+				<AstroLogo size={40} />
 				<h1>{CONFIG.SITE.title ?? "Documentation"}</h1>
 			</a>
 		</div>
@@ -48,6 +48,7 @@ const lang = currentPage && getLanguageFromURL(currentPage);
 	}
 
 	.logo {
+		flex: 1;
 		display: flex;
 		overflow: hidden;
 		width: 30px;
@@ -61,6 +62,7 @@ const lang = currentPage && getLanguageFromURL(currentPage);
 	}
 
 	.logo a {
+		display: flex;
 		padding: 0.5em 0.25em;
 		margin: -0.5em -0.25em;
 		text-decoration: none;
@@ -78,6 +80,7 @@ const lang = currentPage && getLanguageFromURL(currentPage);
 	}
 
 	.logo h1 {
+		display: none;
 		font: inherit;
 		color: inherit;
 		margin: 0;
@@ -103,12 +106,12 @@ const lang = currentPage && getLanguageFromURL(currentPage);
 			margin: 0;
 			z-index: 0;
 		}
+		.logo h1 {
+			display: initial;
+		}
 		.menu-toggle {
 			display: none;
 		}
-		.logo {
-			width: auto;
-		}
 	}
 
 	/** Style Algolia */
diff --git a/examples/docs/src/config.ts b/examples/docs/src/config.ts
index 537723f43..b81bf9b4f 100644
--- a/examples/docs/src/config.ts
+++ b/examples/docs/src/config.ts
@@ -1,5 +1,5 @@
 export const SITE = {
-	title: 'Your Documentation Website',
+	title: 'Documentation',
 	description: 'Your website description.',
 	defaultLanguage: 'en_US',
 };