diff --git a/components/Logo.module.css b/components/Logo.module.css
index 1366e5a..8fa4c16 100644
--- a/components/Logo.module.css
+++ b/components/Logo.module.css
@@ -1,7 +1,7 @@
 .logo {
-  border-radius: 5px;
+  border-radius: 0.6rem;
   margin-left: -0.5rem;
-  padding: 0.5rem;
+  padding: 0.65rem;
   transition: transform 100ms ease-in-out, background-color 100ms ease-in-out;
 }
 
diff --git a/pages/extension.mdx b/pages/extension.mdx
index ed22f24..b7d6c00 100644
--- a/pages/extension.mdx
+++ b/pages/extension.mdx
@@ -6,6 +6,8 @@ title: 'Browser extension'
 
 The sudo-flix browser extension greatly enhances streaming quality and video availability, meaning it will be easier and faster than ever to watch high quality media right in your browser.
 
+---
+
 ## Loading a CRX file
 
 <Steps>
diff --git a/pages/index.tsx b/pages/index.tsx
index 285b851..0a384c4 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -4,12 +4,17 @@ import {
   CardGrid,
   GuiderLayout,
   Hero,
+  Frame,
 } from '@neato/guider/client';
+import logoUrl from '../public/transparent-logo.png';
 
 export default function LandingPage() {
   return (
     <GuiderLayout meta={{ layout: 'page' }}>
       <Hero>
+        <div style={{ paddingBottom: '2em'}}>
+        <img src={logoUrl.src} alt="Logo of sudo-flix" />
+        </div>
         <Hero.Title>sudo-flix</Hero.Title>
         <Hero.Subtitle>
           A simple and no-BS app for watching movies and TV shows. Totally free
diff --git a/pages/self-hosting/hosting-intro.mdx b/pages/self-hosting/hosting-intro.mdx
index dbadfb5..46d8a52 100644
--- a/pages/self-hosting/hosting-intro.mdx
+++ b/pages/self-hosting/hosting-intro.mdx
@@ -11,6 +11,8 @@ title: 'Start self-hosting'
 Since sudo-flix has many different components, there are a few configurations of how you can host it. Each of these configurations has their own benefits, whether that be having complete control over your data or customizing your experience.
 **If you don't know what to choose, go with [method 1.](#method-1-only-host-the-frontend)**
 
+---
+
 ## Method 1 - Only host the frontend
 
 With this method, you only host the essential parts that make sudo-flix work. But keep using the account server from official sudo-flix.
@@ -19,6 +21,8 @@ This method is the easiest to self-host and is recommended for most users.
 1. [Set up the Proxy!](../proxy/deploy.mdx)
 2. [Set up the Client!](../client/deploy.mdx)
 
+---
+
 ## Method 2 - Only host the account server
 
 If you want to own your own data, it's possible to self-host just the account server and nothing else.
@@ -27,6 +31,8 @@ This method is only recommended if you have experience hosting databases or othe
 1. [Set up the Backend!](../backend/deploy.mdx)
 2. [Configure the Client!](../client/deploy.mdx)
 
+---
+
 ## Method 3 - Host everything
 
 If you want an instance that's completely isolated from the official sudo-flix. You can self-host all of the parts yourself, though this method is not recommended for inexperienced hosters.
diff --git a/public/transparent-logo.png b/public/transparent-logo.png
new file mode 100644
index 0000000..1a98af1
Binary files /dev/null and b/public/transparent-logo.png differ
diff --git a/theme.config.tsx b/theme.config.tsx
index 0fd28c5..f06f239 100644
--- a/theme.config.tsx
+++ b/theme.config.tsx
@@ -65,7 +65,7 @@ export default defineTheme({
       "line": "#37334C",
       "text": "#8C899A",
       "textLighter": "#A6A4AE",
-      "textHighlight": "#fff"
+      "textHighlight": "#FFF"
     },
   },
   directories: [