design updates

app/src/components/proof-request/ConnectedWalletBadge.tsx

@@ -20,7 +20,7 @@ export interface ConnectedWalletBadgeProps {
 
 /**
  * Blue badge showing connected wallet address.
- * Matches Figma design 15234:9267.
+ * Matches Figma design 15234:9295 (icon).
  */
 export const ConnectedWalletBadge: React.FC<ConnectedWalletBadgeProps> = ({
   address,
@@ -50,7 +50,7 @@ export const ConnectedWalletBadge: React.FC<ConnectedWalletBadgeProps> = ({
         alignItems="center"
         gap={6}
       >
-        <WalletIcon size={16} color={proofRequestColors.white} />
+        <WalletIcon size={11} color={proofRequestColors.white} />
         <Text
           fontFamily={plexMono}
           fontSize={12}

app/src/components/proof-request/DisclosureItem.tsx

@@ -45,7 +45,7 @@ export const DisclosureItem: React.FC<DisclosureItemProps> = ({
       {/* Status Icon */}
       <View width={20} alignItems="center" justifyContent="center">
         <FilledCircleIcon
-          size={18}
+          size={9}
           color={
             verified
               ? proofRequestColors.emerald500

app/src/components/proof-request/ProofMetadataBar.tsx

@@ -17,7 +17,7 @@ export interface ProofMetadataBarProps {
 
 /**
  * Gray metadata bar showing "PROOFS REQUESTED" label and timestamp.
- * Matches Figma design 15234:9267.
+ * Matches Figma design 15234:9281.
  */
 export const ProofMetadataBar: React.FC<ProofMetadataBarProps> = ({
   timestamp,
@@ -26,37 +26,41 @@ export const ProofMetadataBar: React.FC<ProofMetadataBarProps> = ({
   return (
     <View
       backgroundColor={proofRequestColors.slate200}
-      paddingVertical={8}
-      paddingHorizontal={16}
+      paddingVertical={6}
       borderBottomWidth={1}
       borderBottomColor={proofRequestColors.slate200}
       testID={testID}
     >
-      <XStack gap={8} alignItems="center" width="100%">
-        {/* Document icon */}
-        <DocumentIcon size={18} color={proofRequestColors.slate400} />
-
-        <Text
-          fontFamily={plexMono}
-          fontSize={12}
-          color={proofRequestColors.slate400}
-          textTransform="uppercase"
-          flex={1}
-        >
-          Proofs Requested
-        </Text>
+      <XStack gap={10} alignItems="center" justifyContent="center" width="100%">
+        {/* Icon + Label group */}
+        <XStack gap={6} alignItems="center">
+          <DocumentIcon size={14} color={proofRequestColors.slate400} />
+          <Text
+            fontFamily={plexMono}
+            fontSize={12}
+            fontWeight="500"
+            color={proofRequestColors.slate400}
+            textTransform="uppercase"
+          >
+            Proofs Requested
+          </Text>
+        </XStack>
 
+        {/* Dot separator */}
         <Text
           fontFamily={plexMono}
           fontSize={12}
+          fontWeight="500"
           color={proofRequestColors.slate400}
         >
           •
         </Text>
 
+        {/* Timestamp */}
         <Text
           fontFamily={plexMono}
           fontSize={12}
+          fontWeight="500"
           color={proofRequestColors.slate400}
           testID={`${testID}-timestamp`}
         >

app/src/components/proof-request/icons.tsx

@@ -57,7 +57,7 @@ export const CopyIcon: React.FC<IconProps> = ({
 );
 
 /**
- * Document icon
+ * Document icon (lighter stroke to match SF Symbol design)
  */
 export const DocumentIcon: React.FC<IconProps> = ({
   size = 18,
@@ -67,7 +67,7 @@ export const DocumentIcon: React.FC<IconProps> = ({
     <Path
       d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z"
       stroke={color}
-      strokeWidth="2"
+      strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"
       fill="none"
@@ -75,14 +75,14 @@ export const DocumentIcon: React.FC<IconProps> = ({
     <Path
       d="M14 2V8H20"
       stroke={color}
-      strokeWidth="2"
+      strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"
     />
     <Path
       d="M16 13H8M16 17H8M10 9H8"
       stroke={color}
-      strokeWidth="2"
+      strokeWidth="1.5"
       strokeLinecap="round"
       strokeLinejoin="round"
     />
@@ -121,7 +121,7 @@ export const InfoCircleIcon: React.FC<IconProps> = ({
 );
 
 /**
- * Wallet icon
+ * Wallet icon (credit card style to match SF Symbol creditcard 􀟿)
  */
 export const WalletIcon: React.FC<IconProps> = ({
   size = 16,
@@ -129,21 +129,20 @@ export const WalletIcon: React.FC<IconProps> = ({
 }) => (
   <Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
     <Rect
-      x="3"
-      y="6"
-      width="18"
-      height="13"
+      x="2"
+      y="5"
+      width="20"
+      height="14"
       rx="2"
       stroke={color}
       strokeWidth="2"
       fill="none"
     />
     <Path
-      d="M3 10H21M7 6V4C7 3.44772 7.44772 3 8 3H16C16.5523 3 17 3.44772 17 4V6"
+      d="M2 10H22"
       stroke={color}
       strokeWidth="2"
       strokeLinecap="round"
     />
-    <Circle cx="17" cy="13" r="1.5" fill={color} />
   </Svg>
 );