diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 22fe652c8c9c..71df52144463 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -5,7 +5,7 @@ import {themes as prismThemes} from 'prism-react-renderer';
 
 /** @type {import('@docusaurus/types').Config} */
 export default {
-  title: 'Tabby - Opensource, self-hosted AI coding assitant',
+  title: 'Tabby',
   tagline: 'Opensource, self-hosted AI coding assistant',
   favicon: 'img/favicon.ico',
   trailingSlash: true,
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index f6c65977329f..59fac5c89462 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -6,13 +6,17 @@ import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
 
 import styles from './index.module.css';
+import Head from '@docusaurus/Head';
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
   return (
     <header className={clsx('hero hero--primary', styles.heroBanner)}>
+      <Head>
+        <title>{siteConfig.title} - {siteConfig.tagline}</title>
+      </Head>
       <div className="container">
-        <h1 className="hero__title">Tabby</h1>
+        <h1 className="hero__title">{siteConfig.title}</h1>
         <p className="hero__subtitle">{siteConfig.tagline}</p>
 
         <div className="flex flex-col md:flex-row justify-center items-center gap-4">
