diff --git a/apps/expo/package.json b/apps/expo/package.json
index d0813e02..566bef1d 100644
--- a/apps/expo/package.json
+++ b/apps/expo/package.json
@@ -1,6 +1,6 @@
 {
   "name": "expo-app",
-  "version": "1.3.3",
+  "version": "1.3.4",
   "main": "expo-router/entry",
   "private": true,
   "scripts": {
diff --git a/packages/app/components/CredentialCard.tsx b/packages/app/components/CredentialCard.tsx
index 226e6909..e949a8e3 100644
--- a/packages/app/components/CredentialCard.tsx
+++ b/packages/app/components/CredentialCard.tsx
@@ -50,11 +50,19 @@ export default function CredentialCard({
       </XStack>
     )
 
+  const getPressStyle = () => {
+    if (!onPress) return {}
+    if (backgroundImage?.url) return { opacity: 0.9 }
+    return { backgroundColor: darken(bgColor ?? '$grey-900', 0.1) }
+  }
+
+  const bgColorValue = backgroundImage?.url ? '$transparent' : bgColor ?? '$grey-900'
+
   return (
     <XStack
       shadow={shadow}
       br="$8"
-      bg={!backgroundImage ? bgColor ?? '$grey-900' : '$transparent'}
+      bg={bgColorValue}
       borderWidth={0.5}
       borderColor="$borderTranslucent"
       position="relative"
@@ -63,10 +71,7 @@ export default function CredentialCard({
         padded
         width="100%"
         br="$8"
-        bg={!backgroundImage ? bgColor ?? '$grey-900' : '$transparent'}
-        pressStyle={{
-          backgroundColor: onPress && darken(bgColor ?? '$grey-900', 0.05),
-        }}
+        pressStyle={getPressStyle()}
         h="$16"
         onPress={onPress}
         overflow="hidden"