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>
   );
 };