From cdca58eb3cab8075ac4fe4d08286392dc721c64f Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 19 Sep 2024 18:07:02 +0530
Subject: [PATCH] Tweak

---
 web/packages/new/photos/components/PeopleList.tsx | 3 ++-
 web/packages/new/photos/components/SearchBar.tsx  | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/packages/new/photos/components/PeopleList.tsx b/web/packages/new/photos/components/PeopleList.tsx
index 7727c85e62..353dacbd4d 100644
--- a/web/packages/new/photos/components/PeopleList.tsx
+++ b/web/packages/new/photos/components/PeopleList.tsx
@@ -43,7 +43,8 @@ const SearchPeopleContainer = styled("div")`
     justify-content: center;
     align-items: center;
     gap: 5px;
-    margin-block: 16px;
+    margin-block-start: 16px;
+    margin-block-end: 14px;
     /* On very small (~ < 375px) mobile screens 6 faces won't fit in 2 rows.
        Clip the third one. */
     overflow: hidden;
diff --git a/web/packages/new/photos/components/SearchBar.tsx b/web/packages/new/photos/components/SearchBar.tsx
index 5e00e60e01..3ad465e26a 100644
--- a/web/packages/new/photos/components/SearchBar.tsx
+++ b/web/packages/new/photos/components/SearchBar.tsx
@@ -434,7 +434,7 @@ const EmptyState: React.FC<EmptyStateProps> = ({
                     <SearchPeopleList {...{ people, onSelectPerson }} />
                 </>
             )}
-            <Typography variant="mini" sx={{ my: "2px" }}>
+            <Typography variant="mini" sx={{ my: "4px" }}>
                 {label}
             </Typography>
         </Box>