diff --git a/frontend/src/components/dirent-detail/dirent-details/file-details.js b/frontend/src/components/dirent-detail/dirent-details/file-details.js
index b00e54072d..1442961d31 100644
--- a/frontend/src/components/dirent-detail/dirent-details/file-details.js
+++ b/frontend/src/components/dirent-detail/dirent-details/file-details.js
@@ -62,7 +62,7 @@ const FileDetails = React.memo(({ repoID, repoInfo, dirent, path, direntDetail,
           </div>
         </DetailItem>
       )}
-      {window.app.pageOptions.enableMetadataManagement && (
+      {window.app.pageOptions.enableMetadataManagement && enableMetadata && (
         <MetadataDetails repoID={repoID} filePath={direntPath} repoInfo={repoInfo} direntType="file" />
       )}
       {isEditFileTagShow &&
diff --git a/frontend/src/metadata/metadata-details/index.js b/frontend/src/metadata/metadata-details/index.js
index 71a4b0b37f..ccab1cedea 100644
--- a/frontend/src/metadata/metadata-details/index.js
+++ b/frontend/src/metadata/metadata-details/index.js
@@ -13,7 +13,7 @@ import { CellType, getColumnOptions, getOptionName, PREDEFINED_COLUMN_KEYS, getC
 
 import './index.css';
 
-const MetadataDetails = ({ repoID, filePath, repoInfo, direntType, emptyTip }) => {
+const MetadataDetails = ({ repoID, filePath, repoInfo, direntType }) => {
   const [isLoading, setLoading] = useState(true);
   const [metadata, setMetadata] = useState({ record: {}, fields: [] });
   const permission = useMemo(() => repoInfo.permission !== 'admin' && repoInfo.permission !== 'rw' ? 'r' : 'rw', [repoInfo]);