diff --git a/packages/theme-default/src/components/LinkCard/index.module.scss b/packages/theme-default/src/components/LinkCard/index.module.scss
index e317a5777..e28378e2f 100644
--- a/packages/theme-default/src/components/LinkCard/index.module.scss
+++ b/packages/theme-default/src/components/LinkCard/index.module.scss
@@ -3,3 +3,9 @@
   position: absolute;
   inset: 0;
 }
+
+.linkCard {
+  &:hover {
+    background-color: var(--rp-c-bg-mute);
+  }
+}
diff --git a/packages/theme-default/src/components/LinkCard/index.tsx b/packages/theme-default/src/components/LinkCard/index.tsx
index a550d41ff..c17f6d410 100644
--- a/packages/theme-default/src/components/LinkCard/index.tsx
+++ b/packages/theme-default/src/components/LinkCard/index.tsx
@@ -25,7 +25,7 @@ export function LinkCard(props: LinkCardProps) {
 
   return (
     <div
-      className="relative border border-gray-400 rounded-lg p-6 flex justify-between items-start hover:border-gray-500 hover:bg-gray-100 transition-all duration-300"
+      className={`relative border border-gray-400 rounded-lg p-6 flex justify-between items-start hover:border-gray-500 transition-all duration-300 ${styles.linkCard}`}
       style={style}
     >
       <div className="flex flex-col">