Jake's stuff

src/components/LoanCalculator.js

@@ -25,7 +25,7 @@ const LoanCalculator = () => {
     }, [monthlyPayment]);
 
     return (
-        <>
+        <div className="widget">
             <h4 className="mb-5">Loan Calculator</h4>
 
             <form onSubmit={(event) => event.preventDefault()}>
@@ -40,7 +40,7 @@ const LoanCalculator = () => {
                 </h4>
                 <button type="submit" className="btn btn-primary btn-lg w-100 mt-3 center" onClick={calculateMonthlyPayment}>Calculate</button>
             </form>
-        </>
+        </div>
     )
 };
 

src/pages/Dashboard.jsx

@@ -42,10 +42,13 @@ export default function Dashboard() {
 				</div>
 
 				<div className='row mt-3'>
-					<div className='col-12 col-lg-6'>
+					<div className='col-12 col-md-12 col-lg-4'>
+						<LoanCalculator/>
+					</div>
+					<div className='col-12 col-lg-4'>
 						<CategorizedExpenses/>
 					</div>
-					<div className='col-12 col-lg-6'>
+					<div className='col-12 col-lg-4'>
 						<CategorizedIncome/>
 					</div>
 				</div>