diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index ef06764ef..6586e1c5c 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -497,7 +497,7 @@ function LibrarySelector({
                     <Button
                       variant="ghost"
                       size="icon"
-                      className="size-7 opacity-0 transition-opacity group-hover:opacity-100"
+                      className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
                       onClick={(e) => {
                         e.stopPropagation();
                         setRenameFace(face);
@@ -515,7 +515,7 @@ function LibrarySelector({
                     <Button
                       variant="ghost"
                       size="icon"
-                      className="size-7 opacity-0 transition-opacity group-hover:opacity-100"
+                      className="size-7 lg:opacity-0 lg:transition-opacity lg:group-hover:opacity-100"
                       onClick={(e) => {
                         e.stopPropagation();
                         setConfirmDelete(face);
@@ -661,7 +661,7 @@ function TrainingGrid({
             <div className="text-sm">{formattedDate}</div>
           </div>
           <img
-            className="w-full"
+            className="mx-auto max-h-[60dvh] object-contain"
             loading="lazy"
             src={`${baseUrl}api/events/${selectedEvent?.id}/${selectedEvent?.has_snapshot ? "snapshot.jpg" : "thumbnail.jpg"}`}
           />