From 15065eb2f1ed0622dfc5ab9e6267db8196b59bef Mon Sep 17 00:00:00 2001
From: sanish chirayath <sanish@usebruno.com>
Date: Fri, 2 Jan 2026 20:52:32 +0530
Subject: [PATCH] fix: file picker component overflow (#6635)

---
 .../src/components/FilePickerEditor/StyledWrapper.js     | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js b/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js
index 418b3ca9c..959f06f32 100644
--- a/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js
+++ b/packages/bruno-app/src/components/FilePickerEditor/StyledWrapper.js
@@ -4,6 +4,8 @@ const StyledWrapper = styled.div`
   display: flex;
   align-items: center;
   width: 100%;
+  overflow: hidden;
+  min-width: 0;
 
   .file-picker-btn {
     display: flex;
@@ -18,6 +20,9 @@ const StyledWrapper = styled.div`
     transition: color 0.15s ease;
     font-size: 12px;
     white-space: nowrap;
+    overflow: hidden;
+    min-width: 0;
+    max-width: 100%;
 
     &:hover {
       color: ${(props) => props.theme.text} !important;
@@ -30,6 +35,7 @@ const StyledWrapper = styled.div`
 
     &.icon-only {
       padding: 4px;
+      flex-shrink: 0;
     }
 
     &.icon-right {
@@ -39,6 +45,9 @@ const StyledWrapper = styled.div`
 
     span {
       line-height: 1;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      min-width: 0;
     }
 
     .label {