diff --git a/index.html b/index.html
index cb460966dbfe916eb9b3e1b64d97fee80d5e41f3..145467a006d959909bd213cab72899cc6e6c5728 100644
--- a/index.html
+++ b/index.html
@@ -5,10 +5,10 @@
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="stylesheet" href="src/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Vite App</title>
+ <title>Chatterbox</title>
</head>
<body>
- <div id="chatterbox" class="hydrogen" data-config-link="./config.json"></div>
+ <div id="chatterbox" data-config-link="./config.json"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>
diff --git a/src/main.ts b/src/main.ts
index a34e6b8502570b7da46e2f8ef795b3581146058c..fc4717dc0fdaca781c888900f41f2342fbbfb2f5 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -20,6 +20,7 @@ async function main() {
if (!root) {
throw new Error("No element with id as 'chatterbox' found!");
}
+ root.className = "hydrogen";
const config = await fetchConfig(root);
const platform = new Platform(root, assetPaths, {}, { development: import.meta.env.DEV });
const navigation = createNavigation();