diff --git a/resources/assets/src/styles/common.scss b/resources/assets/src/styles/common.scss
index 66b57d67..4962432a 100644
--- a/resources/assets/src/styles/common.scss
+++ b/resources/assets/src/styles/common.scss
@@ -3,3 +3,7 @@
 a {
   outline: none;
 }
+
+.cursor-pointer {
+  cursor: pointer;
+}
diff --git a/resources/assets/src/views/skinlib/SkinLibrary/Item.module.scss b/resources/assets/src/views/skinlib/SkinLibrary/Item.module.scss
index 860df5cc..b2abea11 100644
--- a/resources/assets/src/views/skinlib/SkinLibrary/Item.module.scss
+++ b/resources/assets/src/views/skinlib/SkinLibrary/Item.module.scss
@@ -19,3 +19,15 @@
 .truncate {
   @include utils.truncate-text;
 }
+
+.like {
+  color: #6c757d;
+
+  &:hover {
+    color: #343a40;
+  }
+
+  &[data-liked="true"] {
+    color: #dc3545;
+  }
+}
diff --git a/resources/assets/src/views/skinlib/SkinLibrary/Item.tsx b/resources/assets/src/views/skinlib/SkinLibrary/Item.tsx
index 6f716d3d..872dc13e 100644
--- a/resources/assets/src/views/skinlib/SkinLibrary/Item.tsx
+++ b/resources/assets/src/views/skinlib/SkinLibrary/Item.tsx
@@ -18,8 +18,6 @@ const Item: React.FC<Props> = (props) => {
   const link = `${blessing.base_url}/skinlib/show/${item.tid}`
   const preview = `${blessing.base_url}/preview/${item.tid}?height=150`
 
-  const heartColor = props.liked ? 'text-red' : 'text-gray'
-
   const handleUploaderClick = (event: React.MouseEvent) => {
     event.preventDefault()
     props.onUploaderClick(item.uploader)
@@ -57,15 +55,19 @@ const Item: React.FC<Props> = (props) => {
                 {humanizeType(item.type)}
               </span>
               <a
-                className="badge bg-indigo py-1"
-                href="#"
+                className="badge bg-indigo py-1 cursor-pointer"
                 title={t('skinlib.show.uploader')}
                 onClick={handleUploaderClick}
               >
                 {item.nickname}
               </a>
             </div>
-            <a href="#" className={heartColor} onClick={handleHeartClick}>
+            <a
+              className={`cursor-pointer ${styles.like}`}
+              onClick={handleHeartClick}
+              tabIndex={-1}
+              data-liked={props.liked}
+            >
               <i className="fas fa-heart mr-1"></i>
               {item.likes}
             </a>