From 6d097f486696ea65ae05795f033e1ffc986513a2 Mon Sep 17 00:00:00 2001
From: ianwoodard <17186604+IanWoodard@users.noreply.github.com>
Date: Sat, 28 Oct 2023 23:22:04 -0700
Subject: [PATCH] Fixing color of row on hover

---
 earn/src/components/lend/BorrowingWidget.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/earn/src/components/lend/BorrowingWidget.tsx b/earn/src/components/lend/BorrowingWidget.tsx
index 886d3571..a38fe083 100644
--- a/earn/src/components/lend/BorrowingWidget.tsx
+++ b/earn/src/components/lend/BorrowingWidget.tsx
@@ -12,6 +12,7 @@ import { MarginAccount } from '../../data/MarginAccount';
 import { rgba } from '../../util/Colors';
 
 const SECONDARY_COLOR = 'rgba(130, 160, 182, 1)';
+const SECONDARY_COLOR_LIGHT = 'rgba(130, 160, 182, 0.1)';
 
 const CardWrapper = styled.div<{ $textAlignment: string }>`
   display: flex;
@@ -53,11 +54,11 @@ const AvailableContainer = styled.div<{ $backgroundGradient?: string }>`
   cursor: pointer;
 
   &:hover {
-    background: ${(props) => props.$backgroundGradient || GREY_700};
+    background: ${(props) => props.$backgroundGradient || SECONDARY_COLOR_LIGHT};
   }
 
   &.selected {
-    background: ${GREY_700};
+    background: ${SECONDARY_COLOR_LIGHT};
   }
 `;