From 68c93537d3063a75c510138e55f4d1e44eb1eaa4 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mrmr.io>
Date: Thu, 26 Sep 2024 12:38:45 +0530
Subject: [PATCH] Fix thin outline on placeholder

---
 web/packages/new/photos/components/PeopleList.tsx | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/web/packages/new/photos/components/PeopleList.tsx b/web/packages/new/photos/components/PeopleList.tsx
index 4ad02a012e..1f9862f308 100644
--- a/web/packages/new/photos/components/PeopleList.tsx
+++ b/web/packages/new/photos/components/PeopleList.tsx
@@ -5,6 +5,7 @@ import type { EnteFile } from "@/new/photos/types/file";
 import { Skeleton, Typography, styled } from "@mui/material";
 import { t } from "i18next";
 import React, { useEffect, useState } from "react";
+import { UnstyledButton } from "./mui-custom";
 
 export interface SearchPeopleListProps {
     people: Person[];
@@ -48,13 +49,8 @@ const SearchPeopleContainer = styled("div")`
     margin-block-end: 15px;
 `;
 
-const SearchPeopleButton = styled("button")(
+const SearchPeopleButton = styled(UnstyledButton)(
     ({ theme }) => `
-    /* Reset some button defaults */
-    border: 0;
-    padding: 0;
-    /* Button should do this for us, but it isn't working inside the select */
-    cursor: pointer;
     width: 87px;
     height: 87px;
     border-radius: 50%;