From bf9ff8b6ba13d8599a4e161f2fe011c3318f432c Mon Sep 17 00:00:00 2001
From: sanish-bruno <sanish@usebruno.com>
Date: Thu, 1 Jan 2026 19:10:39 +0530
Subject: [PATCH] use filepicker component within filebody and response example
 filebody

---
 .../src/components/RequestPane/FileBody/StyledWrapper.js         | 1 +
 packages/bruno-app/src/components/RequestPane/FileBody/index.js  | 1 +
 .../ResponseExampleRequestPane/ResponseExampleFileBody/index.js  | 1 +
 3 files changed, 3 insertions(+)

diff --git a/packages/bruno-app/src/components/RequestPane/FileBody/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/FileBody/StyledWrapper.js
index 1853f1c5e..fe69bee54 100644
--- a/packages/bruno-app/src/components/RequestPane/FileBody/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/FileBody/StyledWrapper.js
@@ -59,6 +59,7 @@ const Wrapper = styled.div`
     cursor: pointer;
     position: relative;
     top: 1px;
+    accent-color: ${(props) => props.theme.primary.solid};
   }
 `;
 
diff --git a/packages/bruno-app/src/components/RequestPane/FileBody/index.js b/packages/bruno-app/src/components/RequestPane/FileBody/index.js
index 62f7dd90c..9394fca18 100644
--- a/packages/bruno-app/src/components/RequestPane/FileBody/index.js
+++ b/packages/bruno-app/src/components/RequestPane/FileBody/index.js
@@ -102,6 +102,7 @@ const FileBody = ({ item, collection }) => {
                             'filePath'
                           )}
                         collection={collection}
+                        displayMode="labelAndIcon"
                       />
                     </td>
                     <td>
diff --git a/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleFileBody/index.js b/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleFileBody/index.js
index 1a231d097..c02a22e94 100644
--- a/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleFileBody/index.js
+++ b/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleFileBody/index.js
@@ -120,6 +120,7 @@ const ResponseExampleFileBody = ({ item, collection, exampleUid, editMode = fals
           onChange={(newPath) => handleFilePathChange(row, newPath, onChange)}
           collection={collection}
           readOnly={!editMode}
+          displayMode="labelAndIcon"
         />
       )
     },