From fcd175b8b1c873278e26bfe28706142e4886e1d2 Mon Sep 17 00:00:00 2001
From: steven <sarmiento.steven@gmail.com>
Date: Thu, 22 Jul 2021 01:19:56 -0700
Subject: [PATCH] I added a border to the lend and marketcards

cause design
---
 components/LendCard.tsx   | 2 +-
 components/MarketCard.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/LendCard.tsx b/components/LendCard.tsx
index 696d2dd..bca628a 100644
--- a/components/LendCard.tsx
+++ b/components/LendCard.tsx
@@ -17,7 +17,7 @@ const LendCard = (props: LendCardProps) => {
 
   return (
     <div
-      className="flex-1 bg-th-fgd-4 shadow-md rounded-xl py-4 px-4 h-auto w-auto m-2"
+      className="flex-1 bg-th-fgd-4 border border-bkg-3 shadow-md rounded-xl py-4 px-4 h-auto w-auto m-2"
       style={{
         backgroundBlendMode: 'overlay',
         backgroundImage: `url(${props.bg})`,
diff --git a/components/MarketCard.tsx b/components/MarketCard.tsx
index c7f7f28..9101e07 100644
--- a/components/MarketCard.tsx
+++ b/components/MarketCard.tsx
@@ -70,7 +70,7 @@ const MarketCard = (props: MarketCardProps) => {
 
   return (
     <div className="flex-1 m-2">
-      <div className="flex flex-col bg-th-fgd-4 rounded-xl py-4 px-4 h-auto shadow-md">
+      <div className="flex flex-col bg-th-fgd-4 border border-bkg-3 rounded-xl py-4 px-4 h-auto shadow-md">
         <div className="flex flex-row gap-x-2 align-bottom">
           <div className="flex flex-col flex-auto">
             <p className="text-sm text-white text-opacity-50">{props.name}</p>