diff --git a/src/components/MenuItem.astro b/src/components/MenuItem.astro
index a1e9f26..71f9a09 100644
--- a/src/components/MenuItem.astro
+++ b/src/components/MenuItem.astro
@@ -15,7 +15,7 @@ const { name, link, icon, atLeft = true } = Astro.props;
     <slot name="js-dataset"></slot>
     <a href={link}>
         {!atLeft ? name : ""}
-        <span class:list={["icon-wrapper", {"highlight-icon": name == ""}]}>
+        <span class="icon-wrapper">
             <Icon code={icon} />
         </span>
         {atLeft ? name : ""}
@@ -37,8 +37,10 @@ const { name, link, icon, atLeft = true } = Astro.props;
 
         font-size: 1.5rem;
         color: var(--fg-sec);
+    }
 
-        &.highlight-icon:hover {
+    li:hover {
+        .icon-wrapper {
             color: var(--fg);
         }
     }