diff --git a/documentation/docs/pages/styles.css b/documentation/docs/pages/styles.css
index 170385f27c..c865a412e8 100644
--- a/documentation/docs/pages/styles.css
+++ b/documentation/docs/pages/styles.css
@@ -1,8 +1,6 @@
 body {
-  --colorPrimary: #fb6e4e;
-  --textPrimary: #121726;
-  /* padding: 5px 5px 10px;
-  margin: 0 auto; */
+  --colorPrimary: #fc8469;
+  /* --textPrimary: #121726; */
 }
 
 div.nextra-code-block > div {
diff --git a/documentation/docs/theme.config.tsx b/documentation/docs/theme.config.tsx
index e087fb1226..9eaab5e04c 100644
--- a/documentation/docs/theme.config.tsx
+++ b/documentation/docs/theme.config.tsx
@@ -2,8 +2,14 @@ import React from "react";
 import { DocsThemeConfig } from "nextra-theme-docs";
 import { Footer } from "./components/footer";
 import { Matrix } from "./components/matrix-link";
+import { useRouter } from "next/router";
 
 const config: DocsThemeConfig = {
+  useNextSeoProps() {
+    return {
+      titleTemplate: "%s – Nym Docs",
+    };
+  },
   logo: <span>Nym Docs</span>,
   project: {
     link: "https://github.com/nymtech/nym",
@@ -23,14 +29,16 @@ const config: DocsThemeConfig = {
   },
   toc: {
     float: true, // TODO would be nice to set this to false so the TOC is in the left sidebar but this doesn't seem to work with pages that are also the top of directories: fix
+    // if we do this then we also have to uncomment the editLink and feedback objects below
   },
-  // gitTimestamp: TODO ,
-  editLink: {
-    component: null,
-  },
-  feedback: {
-    content: null,
-  },
+  // editLink: {
+  //   component: null,
+  // },
+  // feedback: {
+  //   content: null,
+  // },
+
+  // gitTimestamp: TODO
 };
 
 export default config;