diff --git a/ui/src/components/Navigation/Navbar.vue b/ui/src/components/Navigation/Navbar.vue
index 917a285..bb73289 100644
--- a/ui/src/components/Navigation/Navbar.vue
+++ b/ui/src/components/Navigation/Navbar.vue
@@ -18,7 +18,7 @@ import NavigationMenuTrigger from '../ui/navigation-menu/NavigationMenuTrigger.v
 import NavigationMenuContent from '../ui/navigation-menu/NavigationMenuContent.vue';
 import { navigationMenuTriggerStyle } from '../ui/navigation-menu/'
 import { useAuth } from '@/composables/useAuth';
-import { CircleArrowOutUpRight } from 'lucide-vue-next';
+import { ArrowUpRight, CircleArrowOutUpRight } from 'lucide-vue-next';
 
 const userStore = useUserStore();
 const auth = useAuth();
@@ -60,10 +60,15 @@ function blurAfter() {
                                 </NavigationMenuLink>
                             </NavigationMenuItem>
 
-                            <!-- Members -->
+                            <!-- Docs -->
                             <NavigationMenuItem>
                                 <NavigationMenuLink as-child :class="navigationMenuTriggerStyle()">
-                                    <a href="https://docs.iceberg-gaming.com">Documents</a>
+                                    <a href="https://docs.iceberg-gaming.com" target="_blank">
+                                        <span class="flex items-center gap-1">
+                                            Documents
+                                            <ArrowUpRight class="h-4 w-4" />
+                                        </span>
+                                    </a>
                                 </NavigationMenuLink>
                             </NavigationMenuItem>