From a27c6c3eb271d56c3e1c21b8efcef083edae0e03 Mon Sep 17 00:00:00 2001
From: Ephraim Atta-Duncan <ephraimduncan68@gmail.com>
Date: Wed, 5 Jul 2023 20:53:08 +0000
Subject: [PATCH] refactor: use tailwind in styling icons

---
 .../components/(dashboard)/table/actions-component.tsx   | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/apps/web/src/components/(dashboard)/table/actions-component.tsx b/apps/web/src/components/(dashboard)/table/actions-component.tsx
index 47fc89f2e..05402b111 100644
--- a/apps/web/src/components/(dashboard)/table/actions-component.tsx
+++ b/apps/web/src/components/(dashboard)/table/actions-component.tsx
@@ -8,22 +8,19 @@ export function ActionButtons({ documentId }: { documentId: number }) {
   return (
     <div className="flex cursor-pointer gap-6">
       <Edit
-        size={18}
-        color="#71717A"
+        className="text-primary h-5 w-5"
         onClick={() => {
           console.log('Edit Document with id: ', documentId);
         }}
       />
       <Download
-        size={18}
-        color="#71717A"
+        className="text-primary h-5 w-5"
         onClick={() => {
           console.log('Download Document with id: ', documentId);
         }}
       />
       <Trash
-        size={18}
-        color="#71717A"
+        className="text-primary h-5 w-5"
         onClick={() => {
           console.log('Delete Document with id: ', documentId);
         }}