diff --git a/web/packages/new/photos/components/PeopleList.tsx b/web/packages/new/photos/components/PeopleList.tsx
index e3dd468bcc..4ad02a012e 100644
--- a/web/packages/new/photos/components/PeopleList.tsx
+++ b/web/packages/new/photos/components/PeopleList.tsx
@@ -44,7 +44,8 @@ const SearchPeopleContainer = styled("div")`
     flex-wrap: wrap;
     align-items: center;
     gap: 5px;
-    margin-block: 12px;
+    margin-block-start: 12px;
+    margin-block-end: 15px;
 `;
 
 const SearchPeopleButton = styled("button")(
diff --git a/web/packages/new/photos/components/SearchBar.tsx b/web/packages/new/photos/components/SearchBar.tsx
index d6099a5301..5dd560c0a5 100644
--- a/web/packages/new/photos/components/SearchBar.tsx
+++ b/web/packages/new/photos/components/SearchBar.tsx
@@ -418,7 +418,7 @@ const EmptyState: React.FC<Pick<SearchBarProps, "onSelectPerson">> = ({
                     <SearchPeopleList {...{ people, onSelectPerson }} />
                 </>
             )}
-            <Typography variant="mini" sx={{ my: "4px" }}>
+            <Typography variant="mini" sx={{ mt: "5px", mb: "4px" }}>
                 {label}
             </Typography>
         </Box>