From 4d6761eb369a397df78e433f2a85f7fb550f1619 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Fri, 21 Mar 2025 11:16:21 -0600
Subject: [PATCH] Cleanup face images

---
 web/src/pages/FaceLibrary.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/web/src/pages/FaceLibrary.tsx b/web/src/pages/FaceLibrary.tsx
index 282965d39..ce3ddeb7a 100644
--- a/web/src/pages/FaceLibrary.tsx
+++ b/web/src/pages/FaceLibrary.tsx
@@ -659,11 +659,13 @@ function FaceImage({ name, image, onDelete }: FaceImageProps) {
 
   return (
     <div className="relative flex flex-col rounded-lg">
-      <div className="w-full overflow-hidden rounded-t-lg border border-t-0 *:text-card-foreground">
-        <img
-          className={cn("h-40", isMobile && "w-full")}
-          src={`${baseUrl}clips/faces/${name}/${image}`}
-        />
+      <div
+        className={cn(
+          "w-full overflow-hidden rounded-t-lg border border-t-0 *:text-card-foreground",
+          isMobile && "flex justify-center",
+        )}
+      >
+        <img className="h-40" src={`${baseUrl}clips/faces/${name}/${image}`} />
       </div>
       <div className="rounded-b-lg bg-card p-2">
         <div className="flex w-full flex-row items-center justify-between gap-2">