1 files changed, 5 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/blockIconLink.tsx b/packages/website/ts/@next/components/blockIconLink.tsx
index 648b5a485..46a267889 100644
--- a/packages/website/ts/@next/components/blockIconLink.tsx
+++ b/packages/website/ts/@next/components/blockIconLink.tsx
@@ -76,6 +76,7 @@ const Wrap = styled.div`
     justify-content: center;
     align-items: center;
     text-align: center;
+    transition: background-color 0.25s;
     background-color: ${props => props.theme.lightBgColor};
     cursor: pointer;
 
@@ -88,6 +89,10 @@ const Wrap = styled.div`
         width: 100%;
         margin-top: 30px;
     }
+
+    &:hover {
+        background-color: #002d28;
+    }
 `;
 
 const Title = styled.h2`