diff --git a/docs/angular/devtools.md b/docs/angular/devtools.md
index f0c1229c3c..859e327078 100644
--- a/docs/angular/devtools.md
+++ b/docs/angular/devtools.md
@@ -46,7 +46,7 @@ import { Component } from '@angular/core';
 - `initialIsOpen: Boolean`
   - Set this `true` if you want the dev tools to default to being open
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"`
-  - Defaults to `bottom-left`
+  - Defaults to `bottom-right`
   - The position of the TanStack logo to open and close the devtools panel
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`
diff --git a/docs/react/devtools.md b/docs/react/devtools.md
index df95fe49ad..fa39c02c25 100644
--- a/docs/react/devtools.md
+++ b/docs/react/devtools.md
@@ -57,7 +57,7 @@ function App() {
 - `initialIsOpen: Boolean`
   - Set this `true` if you want the dev tools to default to being open
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"`
-  - Defaults to `bottom-left`
+  - Defaults to `bottom-right`
   - The position of the React Query logo to open and close the devtools panel
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`
diff --git a/docs/solid/devtools.md b/docs/solid/devtools.md
index 3d14b17cc5..d19f86e48a 100644
--- a/docs/solid/devtools.md
+++ b/docs/solid/devtools.md
@@ -53,7 +53,7 @@ function App() {
 - `initialIsOpen: Boolean`
   - Set this `true` if you want the dev tools to default to being open
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"`
-  - Defaults to `bottom-left`
+  - Defaults to `bottom-right`
   - The position of the Solid Query logo to open and close the devtools panel
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`
diff --git a/docs/vue/devtools.md b/docs/vue/devtools.md
index 2cb20971fb..f6718c005f 100644
--- a/docs/vue/devtools.md
+++ b/docs/vue/devtools.md
@@ -49,7 +49,7 @@ import { VueQueryDevtools } from '@tanstack/vue-query-devtools'
 - `initialIsOpen: Boolean`
   - Set this `true` if you want the dev tools to default to being open
 - `buttonPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right"`
-  - Defaults to `bottom-left`
+  - Defaults to `bottom-right`
   - The position of the React Query logo to open and close the devtools panel
 - `position?: "top" | "bottom" | "left" | "right"`
   - Defaults to `bottom`
diff --git a/packages/react-query-devtools/src/devtools.tsx b/packages/react-query-devtools/src/devtools.tsx
index cceca39091..d656d719fc 100644
--- a/packages/react-query-devtools/src/devtools.tsx
+++ b/packages/react-query-devtools/src/devtools.tsx
@@ -17,7 +17,7 @@ export interface DevtoolsOptions {
   /**
    * The position of the React Query logo to open and close the devtools panel.
    * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
-   * Defaults to 'bottom-left'.
+   * Defaults to 'bottom-right'.
    */
   buttonPosition?: DevtoolsButtonPosition
   /**
diff --git a/packages/solid-query-devtools/src/devtools.tsx b/packages/solid-query-devtools/src/devtools.tsx
index ef288f2cac..2e0872afdd 100644
--- a/packages/solid-query-devtools/src/devtools.tsx
+++ b/packages/solid-query-devtools/src/devtools.tsx
@@ -27,7 +27,7 @@ interface DevtoolsOptions {
   /**
    * The position of the React Query logo to open and close the devtools panel.
    * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
-   * Defaults to 'bottom-left'.
+   * Defaults to 'bottom-right'.
    */
   buttonPosition?: DevtoolsButtonPosition
   /**
diff --git a/packages/svelte-query-devtools/src/Devtools.svelte b/packages/svelte-query-devtools/src/Devtools.svelte
index 4f4fdd2d17..79eaa3c96a 100644
--- a/packages/svelte-query-devtools/src/Devtools.svelte
+++ b/packages/svelte-query-devtools/src/Devtools.svelte
@@ -11,7 +11,7 @@
   } from '@tanstack/query-devtools'
 
   export let initialIsOpen = false
-  export let buttonPosition: DevtoolsButtonPosition = 'bottom-left'
+  export let buttonPosition: DevtoolsButtonPosition = 'bottom-right'
   export let position: DevtoolsPosition = 'bottom'
   export let client: QueryClient = useQueryClient()
   export let errorTypes: Array<DevToolsErrorType> = []
diff --git a/packages/vue-query-devtools/src/devtools.vue b/packages/vue-query-devtools/src/devtools.vue
index 4f6937c38b..755b436d42 100644
--- a/packages/vue-query-devtools/src/devtools.vue
+++ b/packages/vue-query-devtools/src/devtools.vue
@@ -21,7 +21,7 @@ const devtools = new TanstackQueryDevtools({
 })
 
 watchEffect(() => {
-  devtools.setButtonPosition(props.buttonPosition || 'bottom-left')
+  devtools.setButtonPosition(props.buttonPosition || 'bottom-right')
   devtools.setPosition(props.position || 'bottom')
   devtools.setInitialIsOpen(props.initialIsOpen)
   devtools.setErrorTypes(props.errorTypes || [])
diff --git a/packages/vue-query-devtools/src/types.ts b/packages/vue-query-devtools/src/types.ts
index 87673849e1..56141dfb3a 100644
--- a/packages/vue-query-devtools/src/types.ts
+++ b/packages/vue-query-devtools/src/types.ts
@@ -13,7 +13,7 @@ export interface DevtoolsOptions {
   /**
    * The position of the React Query logo to open and close the devtools panel.
    * 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'
-   * Defaults to 'bottom-left'.
+   * Defaults to 'bottom-right'.
    */
   buttonPosition?: DevtoolsButtonPosition
   /**