From f370dc392906d36119fd2f6c33f2e3308acb376f Mon Sep 17 00:00:00 2001
From: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com>
Date: Fri, 26 May 2023 21:44:06 +0200
Subject: [PATCH] fix(web): small style issues (#2578)

---
 web/src/lib/components/asset-viewer/detail-panel.svelte       | 4 +++-
 .../shared-components/context-menu/menu-option.svelte         | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/lib/components/asset-viewer/detail-panel.svelte b/web/src/lib/components/asset-viewer/detail-panel.svelte
index 8544fe1c46..a44899e8eb 100644
--- a/web/src/lib/components/asset-viewer/detail-panel.svelte
+++ b/web/src/lib/components/asset-viewer/detail-panel.svelte
@@ -172,7 +172,9 @@
 				<div><ImageOutline size="24" /></div>
 
 				<div>
-					<p>{`${asset.originalFileName}.${asset.originalPath.split('.')[1]}` || ''}</p>
+					<p class="break-all">
+						{`${asset.originalFileName}.${asset.originalPath.split('.')[1]}` || ''}
+					</p>
 					<div class="flex text-sm gap-2">
 						{#if asset.exifInfo.exifImageHeight && asset.exifInfo.exifImageWidth}
 							{#if getMegapixel(asset.exifInfo.exifImageHeight, asset.exifInfo.exifImageWidth)}
diff --git a/web/src/lib/components/shared-components/context-menu/menu-option.svelte b/web/src/lib/components/shared-components/context-menu/menu-option.svelte
index ff435b191a..d8ab462125 100644
--- a/web/src/lib/components/shared-components/context-menu/menu-option.svelte
+++ b/web/src/lib/components/shared-components/context-menu/menu-option.svelte
@@ -4,7 +4,7 @@
 
 <button
 	on:click
-	class="bg-slate-100 hover:bg-gray-200 dark:text-immich-dark-bg p-4 w-full text-left text-sm font-medium focus:outline-none focus:ring-inset focus:ring-2"
+	class="bg-slate-100 hover:bg-gray-200 text-immich-fg dark:text-immich-dark-bg p-4 w-full text-left text-sm font-medium focus:outline-none focus:ring-inset focus:ring-2"
 	role="menuitem"
 >
 	{#if text}