diff --git a/immichFrame.Web/package-lock.json b/immichFrame.Web/package-lock.json
index 63141496..833ae5d7 100644
--- a/immichFrame.Web/package-lock.json
+++ b/immichFrame.Web/package-lock.json
@@ -9,6 +9,7 @@
 			"version": "0.0.1",
 			"devDependencies": {
 				"@castlenine/svelte-qrcode": "^2.3.0",
+				"@date-fns/tz": "^1.5.0",
 				"@mdi/js": "^7.4.47",
 				"@sveltejs/adapter-static": "^3.0.5",
 				"@sveltejs/kit": "^2.46.4",
@@ -148,6 +149,13 @@
 				"svelte": ">=3.54.0"
 			}
 		},
+		"node_modules/@date-fns/tz": {
+			"version": "1.5.0",
+			"resolved": "https://registry.npmjs.org/@date-fns/tz/-/tz-1.5.0.tgz",
+			"integrity": "sha512-lwYN/vDPeNRULcepoE/LO2Pgx+7/RV+S9ARfbc9lr2DtGkOD7pAiruHvbR1RX3Qyf6ja47EWJDMsNK5vK08DJg==",
+			"dev": true,
+			"license": "MIT"
+		},
 		"node_modules/@esbuild/aix-ppc64": {
 			"version": "0.28.1",
 			"resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.1.tgz",
diff --git a/immichFrame.Web/package.json b/immichFrame.Web/package.json
index dc4a7a52..e9ddfe19 100644
--- a/immichFrame.Web/package.json
+++ b/immichFrame.Web/package.json
@@ -15,6 +15,7 @@
 	},
 	"devDependencies": {
 		"@castlenine/svelte-qrcode": "^2.3.0",
+		"@date-fns/tz": "^1.5.0",
 		"@mdi/js": "^7.4.47",
 		"@sveltejs/adapter-static": "^3.0.5",
 		"@sveltejs/kit": "^2.46.4",
diff --git a/immichFrame.Web/src/lib/components/elements/asset-info.svelte b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
index a3aa3885..1f5a6e90 100644
--- a/immichFrame.Web/src/lib/components/elements/asset-info.svelte
+++ b/immichFrame.Web/src/lib/components/elements/asset-info.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { type AlbumResponseDto, type AssetResponseDto } from '$lib/immichFrameApi';
 	import { format } from 'date-fns';
+	import { TZDate } from '@date-fns/tz';
 	import * as locale from 'date-fns/locale';
 	import { configStore } from '$lib/stores/config.store';
 	import Icon from './icon.svelte';
@@ -46,9 +47,28 @@
 
 		return Array.from(locationParts).join(', ');
 	}
+	function isValidTimeZone(timeZone: string) {
+		try {
+			Intl.DateTimeFormat(undefined, { timeZone });
+			return true;
+		} catch {
+			return false;
+		}
+	}
+	function parseExifTimeZone(exifTz?: string | null) {
+		const match = exifTz?.match(/^UTC([+-])(\d{1,2})(?::(\d{2}))?$/i);
+		if (match) {
+			const [, sign, hours, minutes = '00'] = match;
+			const paddedHours = hours.padStart(2, '0');
+			exifTz = `${sign}${paddedHours}:${minutes}`;
+		}
+		
+		return exifTz && isValidTimeZone(exifTz) ? exifTz : 'UTC';
+	}
 	let assetDate = $derived(asset.exifInfo?.dateTimeOriginal);
+	let assetTimeZone = $derived(asset.exifInfo?.timeZone);
 	let desc = $derived(asset.exifInfo?.description ?? '');
-	let time = $derived(assetDate ? new Date(assetDate) : null);
+	let time = $derived(assetDate ? new TZDate(assetDate, parseExifTimeZone(assetTimeZone)) : null);
 	const selectedLocale = $configStore.language;
 
 	const localeToUse =