diff --git a/web/src/app.css b/web/src/app.css
index 6cf41d300f..1cffb3d90a 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -56,6 +56,14 @@ input:focus-visible {
outline: none !important;
}
+.text-white-shadow {
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
+}
+
+.icon-white-drop-shadow {
+ filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.8));
+}
+
@layer utilities {
.immich-form-input {
@apply rounded-xl bg-slate-200 p-4 text-sm focus:border-immich-primary disabled:cursor-not-allowed disabled:bg-gray-400 disabled:text-gray-200 dark:bg-gray-600 dark:text-immich-dark-fg dark:disabled:bg-gray-800;
diff --git a/web/src/lib/components/album-page/album-card.svelte b/web/src/lib/components/album-page/album-card.svelte
index 0aa2ea867d..3072d21502 100644
--- a/web/src/lib/components/album-page/album-card.svelte
+++ b/web/src/lib/components/album-page/album-card.svelte
@@ -74,7 +74,7 @@
data-testid="context-button-parent"
>
-
+
{/if}
diff --git a/web/src/lib/components/faces-page/people-card.svelte b/web/src/lib/components/faces-page/people-card.svelte
index 3b1dc02176..0f41ef6983 100644
--- a/web/src/lib/components/faces-page/people-card.svelte
+++ b/web/src/lib/components/faces-page/people-card.svelte
@@ -25,7 +25,9 @@
{#if person.name}
-
+
{person.name}
{/if}
@@ -40,7 +42,7 @@
id={`icon-${person.id}`}
>
-
+
{#if showContextMenu}