From 2cbc64d60de1544848d74eb17f14fccae0fbace9 Mon Sep 17 00:00:00 2001
From: Dotty <dottykurmi123@gmail.com>
Date: Fri, 13 Dec 2024 14:22:04 -0400
Subject: [PATCH] [TM-1557] change style modal approved select all

---
 src/admin/components/extensive/Modal/ModalApprove.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/admin/components/extensive/Modal/ModalApprove.tsx b/src/admin/components/extensive/Modal/ModalApprove.tsx
index 62f9cea7a..0ce4dfcc1 100644
--- a/src/admin/components/extensive/Modal/ModalApprove.tsx
+++ b/src/admin/components/extensive/Modal/ModalApprove.tsx
@@ -169,9 +169,13 @@ const ModalApprove: FC<ModalApproveProps> = ({
               {content}
             </Text>
           </When>
-          <Text variant="text-14-bold" className="ml-auto flex items-center justify-end gap-2 pr-[76px]">
-            Select All
-            <Checkbox name="Select All" onClick={e => handleSelectAll((e.target as HTMLInputElement).checked)} />
+          <Text variant="text-14-bold" className="ml-auto flex items-center justify-end gap-2">
+            <Checkbox
+              className="flex h-min items-center"
+              name="Select All"
+              onClick={e => handleSelectAll((e.target as HTMLInputElement).checked)}
+            />
+            <span className="text-14-bold leading-[normal]">Select All</span>
           </Text>
         </div>