diff --git a/src/renderer/components/virtual-grid/grid-card/default-card.tsx b/src/renderer/components/virtual-grid/grid-card/default-card.tsx
index 4e03e987..ff641046 100644
--- a/src/renderer/components/virtual-grid/grid-card/default-card.tsx
+++ b/src/renderer/components/virtual-grid/grid-card/default-card.tsx
@@ -66,7 +66,7 @@ const InnerCardContainer = styled.div`
   }
 `;
 
-const ImageContainer = styled.div`
+const ImageContainer = styled.div<{ $isFavorite?: boolean }>`
   position: relative;
   display: flex;
   align-items: center;
@@ -89,6 +89,22 @@ const ImageContainer = styled.div`
     content: '';
     user-select: none;
   }
+  ${(props) =>
+    props.$isFavorite &&
+    `
+    &::after {
+    position: absolute;
+    top: -50px;
+    left: -50px;
+    width: 80px;
+    height: 80px;
+    background-color: var(--primary-color);
+    box-shadow: 0 0 10px 8px rgba(0, 0, 0, 80%);
+    transform: rotate(-45deg);
+    content: '';
+    pointer-events: none;
+  }
+  `}
 `;
 
 const Image = styled(SimpleImg)`
@@ -154,7 +170,7 @@ export const DefaultCard = ({
         onClick={() => navigate(path)}
       >
         <InnerCardContainer>
-          <ImageContainer>
+          <ImageContainer $isFavorite={data?.userFavorite}>
             {data?.imageUrl ? (
               <Image
                 importance="auto"
diff --git a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
index 3ce4fe6a..eeec76fa 100644
--- a/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
+++ b/src/renderer/components/virtual-grid/grid-card/poster-card.tsx
@@ -44,7 +44,7 @@ const LinkContainer = styled.div`
   cursor: pointer;
 `;
 
-const ImageContainer = styled.div`
+const ImageContainer = styled.div<{ $isFavorite?: boolean }>`
   position: relative;
   display: flex;
   align-items: center;
@@ -67,6 +67,23 @@ const ImageContainer = styled.div`
     user-select: none;
   }
 
+  ${(props) =>
+    props.$isFavorite &&
+    `
+    &::after {
+    position: absolute;
+    top: -50px;
+    left: -50px;
+    width: 80px;
+    height: 80px;
+    background-color: var(--primary-color);
+    box-shadow: 0 0 10px 8px rgba(0, 0, 0, 80%);
+    transform: rotate(-45deg);
+    content: '';
+    pointer-events: none;
+  }
+  `}
+
   &:hover {
     &::before {
       opacity: 0.5;
@@ -138,7 +155,7 @@ export const PosterCard = ({
     return (
       <PosterCardContainer key={`card-${columnIndex}-${listChildProps.index}`}>
         <LinkContainer onClick={() => navigate(path)}>
-          <ImageContainer>
+          <ImageContainer $isFavorite={data?.userFavorite}>
             {data?.imageUrl ? (
               <Image
                 importance="auto"