chore: switch hover effect in appeal's option card

kleros · Dec 15, 2024 · 7465db0 · 7465db0
1 parent 985e6eb
commit 7465db0
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/web/src/pages/Cases/CaseDetails/Appeal/OptionCard.tsx b/web/src/pages/Cases/CaseDetails/Appeal/OptionCard.tsx
@@ -1,6 +1,8 @@
 import React, { useMemo } from "react";
 import styled from "styled-components";
 
+import { hoverShortTransitionTiming } from "styles/commonStyles";
+
 import { useMeasure } from "react-use";
 import { formatEther } from "viem";
 
@@ -11,10 +13,14 @@ import Gavel from "svgs/icons/gavel.svg";
 import { isUndefined } from "utils/index";
 
 const StyledCard = styled(Card)`
+  ${hoverShortTransitionTiming}
   width: 100%;
   padding: 24px;
+
   &:hover {
+    background-color: ${({ theme }) => theme.lightGrey}BB;
     cursor: pointer;
+    box-shadow: none;
   }
 `;