diff --git a/frontend/src/components/common/group-select/select-option-group.js b/frontend/src/components/common/group-select/select-option-group.js
index 558a2dc7a1..c7b024b22f 100644
--- a/frontend/src/components/common/group-select/select-option-group.js
+++ b/frontend/src/components/common/group-select/select-option-group.js
@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { DTableSearchInput } from 'dtable-ui-component';
+import { SearchInput } from '@seafile/sf-metadata-ui-component';
 import Option from './option';
 import KeyCodes from '../../../constants/keyCodes';
 import ClickOutside from './click-outside';
@@ -179,7 +179,7 @@ class SelectOptionGroup extends Component {
           onMouseDown={this.onMouseDown}
         >
           <div className="option-group-search position-relative">
-            <DTableSearchInput
+            <SearchInput
               className="option-search-control"
               placeholder={searchPlaceholder}
               onChange={this.onChangeSearch}
diff --git a/frontend/src/metadata/views/face-recognition/peoples/people/index.css b/frontend/src/metadata/views/face-recognition/peoples/people/index.css
index 8feaf66670..bb633f7a05 100644
--- a/frontend/src/metadata/views/face-recognition/peoples/people/index.css
+++ b/frontend/src/metadata/views/face-recognition/peoples/people/index.css
@@ -22,6 +22,10 @@
   flex-shrink: 0;
 }
 
+.sf-metadata-peoples-container .sf-metadata-people-info-img img {
+  object-fit: cover;
+}
+
 .sf-metadata-peoples-container .sf-metadata-people-info .sf-metadata-people-info-name-count {
   flex: 1;
   height: 100%;