diff --git a/ui/src/components/sidebar/MediaSidebar/MediaSidebarPeople.tsx b/ui/src/components/sidebar/MediaSidebar/MediaSidebarPeople.tsx
index 014ecc8..47c68f1 100644
--- a/ui/src/components/sidebar/MediaSidebar/MediaSidebarPeople.tsx
+++ b/ui/src/components/sidebar/MediaSidebar/MediaSidebarPeople.tsx
@@ -208,7 +208,7 @@ const MediaSidebarPeople = ({ media }: MediaSidebarFacesProps) => {
         className="overflow-x-auto mb-[-200px]"
         style={{ scrollbarWidth: 'none' }}
       >
-        <ul className="flex gap-4 mx-4">{faceElms}</ul>
+        <ul className="flex flex-wrap justify-evenly gap-4 mx-4">{faceElms}</ul>
         <div className="h-[200px]"></div>
       </div>
     </SidebarSection>