diff --git a/platforms/pictique/client/src/lib/fragments/BottomNav/BottomNav.svelte b/platforms/pictique/client/src/lib/fragments/BottomNav/BottomNav.svelte
index 47cd0fc94..f05c75b22 100644
--- a/platforms/pictique/client/src/lib/fragments/BottomNav/BottomNav.svelte
+++ b/platforms/pictique/client/src/lib/fragments/BottomNav/BottomNav.svelte
@@ -20,7 +20,6 @@
 	let ownerId: string | null = $derived(getAuthId());
 	let previousTab = $state('home');
 	let _activeTab = $derived(page.url.pathname);
-	let fullPath = $derived(page.url.pathname);
 
 	let imageInput: HTMLInputElement;
 	let images: FileList | null = $state(null);
@@ -147,7 +146,7 @@
 		onclick={() => handleNavClick('profile')}
 	>
 		<span
-			class={`inline-block w-full rounded-full border p-1 ${activeTab === 'profile' || fullPath.includes('settings') ? 'border-brand-burnt-orange' : 'border-transparent'}`}
+			class={`inline-block w-full rounded-full border p-1 ${activeTab === 'profile' ? 'border-brand-burnt-orange' : 'border-transparent'}`}
 		>
 			<img
 				width="24px"
diff --git a/platforms/pictique/client/src/lib/fragments/Header/Header.svelte b/platforms/pictique/client/src/lib/fragments/Header/Header.svelte
index e0aef4fbc..29d51a886 100644
--- a/platforms/pictique/client/src/lib/fragments/Header/Header.svelte
+++ b/platforms/pictique/client/src/lib/fragments/Header/Header.svelte
@@ -1,11 +1,14 @@
 <script lang="ts">
+	import { goto } from '$app/navigation';
+	import { resolve } from '$app/paths';
 	import { page } from '$app/state';
+	import { Settings } from '$lib/icons';
 	import { cn } from '$lib/utils';
 	import { ArrowLeft01Icon, ArrowLeft02Icon } from '@hugeicons/core-free-icons';
 	import { HugeiconsIcon } from '@hugeicons/svelte';
+	import { onDestroy } from 'svelte';
 	import type { HTMLAttributes } from 'svelte/elements';
 	import { heading as headingStore } from '../../../routes/store';
-	import { onDestroy } from 'svelte';
 
 	const { ...restProps }: HTMLAttributes<HTMLElement> = $props();
 
@@ -100,7 +103,7 @@
 				<HugeiconsIcon
 					icon={backButton[variant]}
 					size={24}
-					color="var(--color-black-500)"
+					color="var(--color-black-800)"
 				/>
 			</button>
 		{/if}
@@ -110,6 +113,19 @@
 			</h1>
 		{/if}
 	</span>
+	{#if route.includes('/profile') && !route.includes('/settings')}
+		<button
+			type="button"
+			class={cn([
+				'cursor-pointer rounded-full p-2 hover:bg-gray-100 md:hidden',
+				classes.background
+			])}
+			onclick={() => goto(resolve('/settings'))}
+			aria-label="Settings"
+		>
+			<Settings size="24px" color="var(--color-black-800)" />
+		</button>
+	{/if}
 </header>
 
 <!--