diff --git a/frontend/src/pages/AutoMatch.tsx b/frontend/src/pages/AutoMatch.tsx
index aab1783..639b13e 100644
--- a/frontend/src/pages/AutoMatch.tsx
+++ b/frontend/src/pages/AutoMatch.tsx
@@ -26,6 +26,12 @@ export default function AutoMatch() {
     return currentPerson?.matches || []
   }, [currentPerson])
 
+  // Auto-start auto-match when component mounts or tolerance changes
+  useEffect(() => {
+    startAutoMatch()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [tolerance])
+
   // Apply search filter
   useEffect(() => {
     if (!searchQuery.trim()) {
@@ -268,11 +274,20 @@ export default function AutoMatch() {
 
                   {/* Person face image */}
                   <div className="mb-4 flex justify-center">
-                    <img
-                      src={`/api/v1/faces/${currentPerson.reference_face_id}/crop`}
-                      alt="Reference face"
-                      className="max-w-[300px] max-h-[300px] rounded border border-gray-300"
-                    />
+                    <div
+                      className="cursor-pointer hover:opacity-90 transition-opacity"
+                      onClick={() => {
+                        const photoUrl = `${apiClient.defaults.baseURL}/api/v1/photos/${currentPerson.reference_photo_id}/image`
+                        window.open(photoUrl, '_blank')
+                      }}
+                      title="Click to open full photo"
+                    >
+                      <img
+                        src={`/api/v1/faces/${currentPerson.reference_face_id}/crop`}
+                        alt="Reference face"
+                        className="max-w-[300px] max-h-[300px] rounded border border-gray-300"
+                      />
+                    </div>
                   </div>
 
                   {/* Save button */}
@@ -326,11 +341,20 @@ export default function AutoMatch() {
                           onChange={() => handleFaceToggle(match.id)}
                           className="w-4 h-4"
                         />
-                        <img
-                          src={`/api/v1/faces/${match.id}/crop`}
-                          alt="Match face"
-                          className="w-20 h-20 object-cover rounded border border-gray-300"
-                        />
+                        <div
+                          className="cursor-pointer hover:opacity-90 transition-opacity"
+                          onClick={() => {
+                            const photoUrl = `${apiClient.defaults.baseURL}/api/v1/photos/${match.photo_id}/image`
+                            window.open(photoUrl, '_blank')
+                          }}
+                          title="Click to open full photo"
+                        >
+                          <img
+                            src={`/api/v1/faces/${match.id}/crop`}
+                            alt="Match face"
+                            className="w-20 h-20 object-cover rounded border border-gray-300"
+                          />
+                        </div>
                         <div className="flex-1">
                           <div className="flex items-center gap-2 mb-1">
                             <span