From 204e0b5d2fc26d01623ebc8aa722c8246b3461e8 Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Mon, 23 Feb 2026 14:44:46 +0100
Subject: [PATCH] fix: visual active state in preview app (photo roll)

---
 packages/web-app-preview/src/components/PhotoRollItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-app-preview/src/components/PhotoRollItem.vue b/packages/web-app-preview/src/components/PhotoRollItem.vue
index 874c30b397..8967aedd49 100644
--- a/packages/web-app-preview/src/components/PhotoRollItem.vue
+++ b/packages/web-app-preview/src/components/PhotoRollItem.vue
@@ -2,7 +2,7 @@
   <div
     ref="photoRollItem"
     class="flex flex-col items-center p-4 mb-1 photo-roll-item"
-    :class="{ 'bg-role-surface rounded-md': isActive }"
+    :class="{ 'bg-role-secondary-container rounded-md': isActive }"
   >
     <oc-button
       appearance="raw"