diff --git a/packages/website/public/logo.png b/packages/website/public/logo.png
new file mode 100644
index 0000000..785ef0c
Binary files /dev/null and b/packages/website/public/logo.png differ
diff --git a/packages/website/src/layouts/Layout.astro b/packages/website/src/layouts/Layout.astro
index 0780d6a..90147be 100644
--- a/packages/website/src/layouts/Layout.astro
+++ b/packages/website/src/layouts/Layout.astro
@@ -13,7 +13,7 @@ import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
     <meta name="title" content={CONFIG.name} />
     <meta name="description" content={CONFIG.name} />
 
-    <!-- <link rel="icon" href={logoImage} type="image/png" sizes="64x64" /> -->
+    <link rel="icon" href="logo.png" type="image/png" sizes="64x64" />
 
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
@@ -37,7 +37,7 @@ import { GoogleFontsOptimizer } from "astro-google-fonts-optimizer";
     />
     <link rel="stylesheet" href="../src/assets/styles/base.css" />
   </head>
-  <body class="font-body bg-dark">
+  <body class="bg-dark font-body">
     <slot />
   </body>
 </html>
diff --git a/packages/website/src/pages/index.astro b/packages/website/src/pages/index.astro
index ea281c5..9143036 100644
--- a/packages/website/src/pages/index.astro
+++ b/packages/website/src/pages/index.astro
@@ -34,7 +34,7 @@ import Computer from "~/components/Computer.astro";
           >
           <a
             href=""
-            class="broder-1 flex items-center justify-center gap-x-3 rounded-lg border border-[#fbc11a] bg-[#735d1d]/50 px-10 py-3 text-lg font-semibold text-white transition-colors hover:bg-[#373a54]"
+            class="broder-1 flex items-center justify-center gap-x-3 rounded-lg border border-[#fbc11a] bg-[#735d1d]/50 px-10 py-3 text-lg font-semibold text-white transition-colors hover:bg-[#735d1d]"
           >
             <Invite />
             Invite</a
