From dcd84c644d03dc5ef0b7ac4a85f54f04bdb01b9f Mon Sep 17 00:00:00 2001
From: zkldi <20380519+zkldi@users.noreply.github.com>
Date: Fri, 23 Dec 2022 02:30:48 +0000
Subject: [PATCH] fix: align "no deletable goals" text properly

---
 client/src/components/targets/DeleteGoalsModal.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/components/targets/DeleteGoalsModal.tsx b/client/src/components/targets/DeleteGoalsModal.tsx
index f202942aa..811d572be 100644
--- a/client/src/components/targets/DeleteGoalsModal.tsx
+++ b/client/src/components/targets/DeleteGoalsModal.tsx
@@ -29,7 +29,11 @@ export default function DeleteGoalsModal({
 			</Modal.Header>
 			<Modal.Body>
 				<Row>
-					{deletableGoals.length === 0 && <div>You have no deletable goals.</div>}
+					{deletableGoals.length === 0 && (
+						<Col xs={12} className="text-center">
+							You have no deletable goals.
+						</Col>
+					)}
 					{sorted.map((e) => (
 						<Col xs={12} lg={8} key={e.goalID} className="offset-lg-2 my-2">
 							<div className="d-flex">