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>