diff --git a/src/app/page.tsx b/src/app/page.tsx
index a0d209b..cfdd834 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ type Button = {
 
 const buttons: Button[] = [
   { title: "Get Started", url: "/player" },
-  { title: "Documentation", url: "https://git.fascinated.cc/MinecraftUtilities/Documentation" },
+  { title: "Documentation", url: "https://api.mcutils.xyz/swagger-ui.html" },
 ];
 
 export default function Home() {
@@ -24,6 +24,7 @@ export default function Home() {
             <Link
               key={index}
               href={button.url}
+              target="_blank"
               className="w-fit p-2 rounded-lg hover:text-primary transition-all cursor-pointer bg-secondary"
             >
               <p>{button.title}</p>
diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 2144148..f55da08 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -13,7 +13,7 @@ const pages: Page[] = [
 
 export default function NavBar() {
   return (
-    <div className="bg-secondary w-full rounded-lg flex items-center gap-3">
+    <div className="bg-secondary w-full rounded-lg flex items-center gap-3 mt-2 bg-opacity-85">
       <div className="flex items-center gap-2 pl-3 pr-3">
         <Logo />
         <Link href="/">