diff --git a/docs/app.vue b/docs/app.vue
index c1abd797..da5b1e4d 100644
--- a/docs/app.vue
+++ b/docs/app.vue
@@ -18,8 +18,8 @@
 
         <UColorModeButton />
 
-        <USocialButton to="https://twitter.com/nuxtlabs" icon="i-simple-icons-twitter" class="hidden lg:inline-flex" />
-        <USocialButton to="https://github.com/nuxtlabs/ui" icon="i-simple-icons-github" class="hidden lg:inline-flex" />
+        <USocialButton to="https://twitter.com/nuxtlabs" target="_blank" icon="i-simple-icons-twitter" class="hidden lg:inline-flex" />
+        <USocialButton to="https://github.com/nuxtlabs/ui" target="_blank" icon="i-simple-icons-github" class="hidden lg:inline-flex" />
       </template>
 
       <template #links>
diff --git a/docs/components/Footer.vue b/docs/components/Footer.vue
index 661f0650..c5ce6b2a 100644
--- a/docs/components/Footer.vue
+++ b/docs/components/Footer.vue
@@ -12,8 +12,8 @@
     </NuxtLink>
 
     <div class="flex-1 flex items-center justify-end gap-1.5 -my-1 lg:hidden">
-      <USocialButton to="https://twitter.com/nuxtlabs" icon="i-simple-icons-twitter" />
-      <USocialButton to="https://github.com/nuxtlabs/ui" icon="i-simple-icons-github" />
+      <USocialButton to="https://twitter.com/nuxtlabs" target="_blank" icon="i-simple-icons-twitter" />
+      <USocialButton to="https://github.com/nuxtlabs/ui" target="_blank" icon="i-simple-icons-github" />
     </div>
   </footer>
 </template>