diff --git a/frontend/src/components/dirent-detail/detail-item/index.css b/frontend/src/components/dirent-detail/detail-item/index.css
index e16b7853a9..914817df05 100644
--- a/frontend/src/components/dirent-detail/detail-item/index.css
+++ b/frontend/src/components/dirent-detail/detail-item/index.css
@@ -26,11 +26,6 @@
   flex-shrink: 0;
 }
 
-.dirent-detail-item .dirent-detail-item-name-value {
-  line-height: 1.3;
-  margin-top: -1px;
-}
-
 .dirent-detail-item .dirent-detail-item-value {
   width: 200px;
   display: flex;
diff --git a/frontend/src/components/dirent-detail/detail-item/index.js b/frontend/src/components/dirent-detail/detail-item/index.js
index 985eca6c70..f01d3b8371 100644
--- a/frontend/src/components/dirent-detail/detail-item/index.js
+++ b/frontend/src/components/dirent-detail/detail-item/index.js
@@ -15,7 +15,7 @@ const DetailItem = ({ readonly, field, className, children }) => {
   return (
     <div className={classnames('dirent-detail-item', className)}>
       <div className="dirent-detail-item-name d-flex">
-        <Icon iconName={icon} />
+        <div><Icon iconName={icon} /></div>
         <span className="dirent-detail-item-name-value">{field.name}</span>
       </div>
       <div className={classnames('dirent-detail-item-value', { 'editable': !readonly })} >