fix: restore hover state for tx list

leather-io · Sep 25, 2020 · c606227 · c606227
1 parent 2a2e20e
commit c606227
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/app/components/home/transaction-list/transaction-list-item-container.tsx b/app/components/home/transaction-list/transaction-list-item-container.tsx
@@ -12,6 +12,7 @@ interface TransactionListItemContainerProps extends FlexProps {
 export const TransactionListItemContainer: FC<TransactionListItemContainerProps> = forwardRef(
   (args, ref) => {
     const { hovered, focused, txId, ...props } = args;
+
     return (
       <Flex
         ref={ref}
@@ -21,6 +22,7 @@ export const TransactionListItemContainer: FC<TransactionListItemContainerProps>
         textAlign="left"
         position="relative"
         outline={0}
+        zIndex={2}
         data-txid={txId}
         _before={listHoverProps(hovered)}
         _after={listFocusedProps(focused)}