diff --git a/frontend/src/components/VImageCell/VImageCell.vue b/frontend/src/components/VImageCell/VImageCell.vue
index 8f5ff2f7670..d910efb4c6c 100644
--- a/frontend/src/components/VImageCell/VImageCell.vue
+++ b/frontend/src/components/VImageCell/VImageCell.vue
@@ -170,7 +170,7 @@ const { isHidden: shouldBlur } = useSensitiveMedia(props.image)
           @error="onImageLoadError($event)"
         />
         <span
-          class="col-span-full row-span-full flex items-center justify-center bg-blur backdrop-blur-xl duration-200 motion-safe:transition-opacity"
+          class="col-span-full row-span-full flex items-center justify-center bg-blur text-default backdrop-blur-xl duration-200 motion-safe:transition-opacity"
           :class="shouldBlur ? 'opacity-100' : 'opacity-0'"
           data-testid="blur-overlay"
           aria-hidden="true"