diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 00000000..499fd349
Binary files /dev/null and b/public/favicon.png differ
diff --git a/styles/styles.css b/styles/styles.css
index 5f01ed3c..e2aa1de3 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -3,10 +3,6 @@ html.dark.dark body {
   background-color: #121312;
 }
 
-a.nx-text-primary-600 {
-  color: #12ff80;
-}
-
 html[class~='dark'] .dark\:nx-bg-dark.dark\:nx-bg-dark {
   background-color: #121312;
 }
@@ -17,10 +13,7 @@ html[class~='dark'] .dark\:nx-bg-dark.dark\:nx-bg-dark {
   background-color: transparent !important;
 }
 
-#__next
-  > div
-  > div.nextra-nav-container.nx-sticky.nx-top-0.nx-z-20.nx-w-full.nx-bg-transparent
-  > nav {
+#__next > div > div > nav {
   height: 94px;
 }
 
@@ -40,6 +33,10 @@ html[class~='dark'] .dark\:nx-bg-dark.dark\:nx-bg-dark {
   margin-bottom: 18px;
 }
 
+.nextra-breadcrumb.nextra-breadcrumb {
+  display: none;
+}
+
 .video-responsive {
   overflow: hidden;
   padding-bottom: 56.25%;
@@ -53,4 +50,4 @@ html[class~='dark'] .dark\:nx-bg-dark.dark\:nx-bg-dark {
   height: 100%;
   width: 100%;
   position: absolute;
-}
\ No newline at end of file
+}
diff --git a/theme.config.tsx b/theme.config.tsx
index c7a6661b..5b34a3bd 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -8,8 +8,9 @@ import Footer from './components/Footer'
 const config: DocsThemeConfig = {
   darkMode: false,
   nextThemes: {
-    forcedTheme: 'dark',
+    forcedTheme: 'dark'
   },
+  primaryHue: 150,
   logo: <SafeLogo />,
   project: {
     link: 'https://github.com/safe-global'
@@ -21,6 +22,7 @@ const config: DocsThemeConfig = {
   sidebar: {
     defaultMenuCollapseLevel: 1
   },
+  head: <link rel='icon' type='image/png' sizes='32x32' href='/favicon.png' />,
   useNextSeoProps: () => {
     const { asPath } = useRouter()
     if (asPath !== '/') {