From a4572cf5702957ed7872e752e42d6acad1ca15e6 Mon Sep 17 00:00:00 2001
From: juan <juandgoc@gmail.com>
Date: Wed, 17 Feb 2021 18:04:02 -0500
Subject: [PATCH] fixed boxes layout

---
 src/hooks/useBalanceByCollateral.tsx | 2 +-
 src/views/borrowReserve/index.tsx    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/hooks/useBalanceByCollateral.tsx b/src/hooks/useBalanceByCollateral.tsx
index 3986db1..1943a42 100644
--- a/src/hooks/useBalanceByCollateral.tsx
+++ b/src/hooks/useBalanceByCollateral.tsx
@@ -26,6 +26,6 @@ export const useBalanceByCollateral = (collateralReserve?: string) => {
     } else {
       setBalance(0);
     }
-  });
+  }, [collateralReserve, userDeposits.userDeposits]);
   return balance;
 };
diff --git a/src/views/borrowReserve/index.tsx b/src/views/borrowReserve/index.tsx
index f833cee..5b11080 100644
--- a/src/views/borrowReserve/index.tsx
+++ b/src/views/borrowReserve/index.tsx
@@ -90,7 +90,7 @@ export const BorrowReserveView = () => {
             />
           </Card>
         </Col>
-        <Col xs={24} xl={3}>
+        <Col xs={24} xl={4}>
           <Card>
             <Statistic
               title={LABELS.WALLET_BALANCE}
@@ -101,7 +101,7 @@ export const BorrowReserveView = () => {
             />
           </Card>
         </Col>
-        <Col xs={24} xl={9}>
+        <Col xs={24} xl={8}>
           <Card>
             <BarChartStatistic
               title="Your Loans"
@@ -115,14 +115,14 @@ export const BorrowReserveView = () => {
         </Col>
       </Row>
       <Row gutter={GUTTER} style={{ flex: 1 }}>
-        <Col xs={24} xl={15}>
+        <Col xs={24} xl={16}>
           <BorrowInput
             onCollateralReserve={setCollateralReserveKey}
             className="card-fill"
             reserve={lendingReserve}
           />
         </Col>
-        <Col xs={24} xl={9}>
+        <Col xs={24} xl={8}>
           <SideReserveOverview
             className="card-fill"
             reserve={lendingReserve}