From 3d1c1b418ae6e9423fea78a9102e1c356ac4e23d Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Thu, 6 Jun 2024 11:58:52 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(uploadFileButton):=20use=20Button?=
 =?UTF-8?q?=20component=20for=20upload=20button=20for=20consistency?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../chatInput/components/uploadFileButton/index.tsx        | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/uploadFileButton/index.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/uploadFileButton/index.tsx
index 65f85af61..be2b9c7fc 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/uploadFileButton/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatInput/components/uploadFileButton/index.tsx
@@ -1,4 +1,5 @@
 import ForwardedIconComponent from "../../../../../../../components/genericIconComponent";
+import { Button } from "../../../../../../../components/ui/button";
 
 const UploadFileButton = ({
   fileInputRef,
@@ -13,12 +14,14 @@ const UploadFileButton = ({
         style={{ display: "none" }}
         onChange={handleFileChange}
       />
-      <button
+      <Button
         className="font-bold text-white transition-all hover:text-muted-foreground"
         onClick={handleButtonClick}
+        variant="none"
+        size="none"
       >
         <ForwardedIconComponent name="PaperclipIcon" />
-      </button>
+      </Button>
     </div>
   );
 };