diff --git a/frontend/src/components/dirent-list-view/dirent-list-item.js b/frontend/src/components/dirent-list-view/dirent-list-item.js
index ab5680b665..42a294dac4 100644
--- a/frontend/src/components/dirent-list-view/dirent-list-item.js
+++ b/frontend/src/components/dirent-list-view/dirent-list-item.js
@@ -396,9 +396,9 @@ class DirentListItem extends React.Component {
           <td className="text-center">
             <input type="checkbox" className="vam" onChange={this.onItemSelected} checked={dirent.isSelected}/>
           </td>
-          <td className="text-center cursor-pointer" onClick={this.onItemStarred}>
-            {dirent.starred !== undefined && !dirent.starred && <i className="far fa-star star-empty"></i>}
-            {dirent.starred !== undefined && dirent.starred && <i className="fas fa-star"></i>}
+          <td className="text-center">
+            {dirent.starred !== undefined && !dirent.starred && <i className="far fa-star star-empty cursor-pointer" onClick={this.onItemStarred}></i>}
+            {dirent.starred !== undefined && dirent.starred && <i className="fas fa-star cursor-pointer" onClick={this.onItemStarred}></i>}
           </td>
           <td className="text-center">
             <div className="dir-icon">