Tweak styling

web/packages/new/photos/components/Gallery/BarImpl.tsx

@@ -250,7 +250,10 @@ export const GalleryBarImpl: React.FC<GalleryBarImplProps> = ({
     );
 
     return (
-        <BarWrapper>
+        // Hide the bottom border if we're showing the empty state for people.
+        <BarWrapper
+            sx={people.length ? {} : { borderBlockEndColor: "transparent" }}
+        >
             <Row1>
                 <ModeIndicator {...{ mode, onChangeMode }} />
                 {controls1}

web/packages/new/photos/components/Gallery/index.tsx

@@ -45,7 +45,13 @@ export const SearchResultsHeader: React.FC<SearchResultsHeaderProps> = ({
 
 export const PeopleEmptyState: React.FC = () => (
     <VerticallyCentered>
-        <Typography color="text.muted">
+        <Typography
+            color="text.muted"
+            sx={{
+                // Approximately compensate for the hidden section bar
+                paddingBlockEnd: "86px",
+            }}
+        >
             {pt("People will appear here once indexing completes")}
         </Typography>
     </VerticallyCentered>