From 8a9ae237aca0455d8b7c2cace5249b56e4426b7d Mon Sep 17 00:00:00 2001
From: anmolsinghbhatia <anmolsinghbhatia@caravel.tech>
Date: Mon, 1 May 2023 15:59:04 +0530
Subject: [PATCH] style: attachment theming

---
 apps/app/components/issues/attachments.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/app/components/issues/attachments.tsx b/apps/app/components/issues/attachments.tsx
index 3408e5af0..13fc0d972 100644
--- a/apps/app/components/issues/attachments.tsx
+++ b/apps/app/components/issues/attachments.tsx
@@ -34,7 +34,7 @@ export const IssueAttachments = () => {
     workspaceSlug && projectId && issueId ? ISSUE_ATTACHMENTS(issueId as string) : null,
     workspaceSlug && projectId && issueId
       ? () =>
-      issuesService.getIssueAttachment(
+          issuesService.getIssueAttachment(
             workspaceSlug as string,
             projectId as string,
             issueId as string
@@ -61,7 +61,7 @@ export const IssueAttachments = () => {
         attachments.map((file) => (
           <div
             key={file.id}
-            className="flex items-center justify-between h-[60px] gap-1 px-4 py-2 text-sm border border-gray-200 bg-white rounded-md"
+            className="flex h-[60px] items-center justify-between gap-1 rounded-md border-[2px] border-brand-surface-2 bg-brand-base px-4 py-2 text-sm"
           >
             <Link href={file.asset}>
               <a target="_blank">
@@ -87,7 +87,7 @@ export const IssueAttachments = () => {
                       </Tooltip>
                     </div>
 
-                    <div className="flex items-center gap-3 text-gray-500 text-xs">
+                    <div className="flex items-center gap-3 text-xs text-gray-500">
                       <span>{getFileExtension(file.asset).toUpperCase()}</span>
                       <span>{convertBytesToSize(file.attributes.size)}</span>
                     </div>