diff --git a/src/routes/console/project-[project]/overview/+layout.svelte b/src/routes/console/project-[project]/overview/+layout.svelte
index 8a0bc4e69..8a3f7dedc 100644
--- a/src/routes/console/project-[project]/overview/+layout.svelte
+++ b/src/routes/console/project-[project]/overview/+layout.svelte
@@ -203,8 +203,7 @@
($selectedTab = 'platforms')}>
+ class:is-selected={$page.url.pathname === `${path}/platforms`}>
Platforms
@@ -212,8 +211,7 @@
($selectedTab = 'keys')}>
+ class:is-selected={$page.url.pathname === `${path}/keys`}>
API Keys
diff --git a/src/routes/console/project-[project]/overview/keys/+page.ts b/src/routes/console/project-[project]/overview/keys/+page.ts
index 0394783a0..3a04f91f2 100644
--- a/src/routes/console/project-[project]/overview/keys/+page.ts
+++ b/src/routes/console/project-[project]/overview/keys/+page.ts
@@ -1,7 +1,10 @@
import { Dependencies } from '$lib/constants';
import { sdkForConsole } from '$lib/stores/sdk';
+import { selectedTab } from '../store';
import type { PageLoad } from './$types';
+selectedTab.set('keys');
+
export const load: PageLoad = async ({ params, depends }) => {
depends(Dependencies.KEYS);
return {
diff --git a/src/routes/console/project-[project]/overview/platforms/+page.ts b/src/routes/console/project-[project]/overview/platforms/+page.ts
index 80b6a91fe..de8582eaa 100644
--- a/src/routes/console/project-[project]/overview/platforms/+page.ts
+++ b/src/routes/console/project-[project]/overview/platforms/+page.ts
@@ -1,7 +1,10 @@
import { Dependencies } from '$lib/constants';
import { sdkForConsole } from '$lib/stores/sdk';
+import { selectedTab } from '../store';
import type { PageLoad } from './$types';
+selectedTab.set('platforms');
+
export const load: PageLoad = async ({ params, depends }) => {
depends(Dependencies.PLATFORMS);
return {