From 882b11ca3d0add0dfa12fda65ca1b73da5b5d6a2 Mon Sep 17 00:00:00 2001
From: Pooja <pooja@usebruno.com>
Date: Tue, 31 Mar 2026 11:42:31 +0530
Subject: [PATCH] fix: multipart form button alignment (#7629)

* fix: multipart form button alignment

* rm: styles
---
 .../MultipartFormParams/StyledWrapper.js            |  3 +++
 .../StyledWrapper.js                                | 13 +++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
index c26d8b180..6d7448307 100644
--- a/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/MultipartFormParams/StyledWrapper.js
@@ -24,6 +24,7 @@ const Wrapper = styled.div`
   }
 
   .file-value-cell {
+    width: 100%;
 
     .file-name {
       font-size: 12px;
@@ -32,6 +33,8 @@ const Wrapper = styled.div`
   }
 
   .value-cell {
+    width: 100%;
+
     .flex-1 {
       min-width: 0;
     }
diff --git a/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleMultipartFormParams/StyledWrapper.js b/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleMultipartFormParams/StyledWrapper.js
index 793cc04e6..b025e456d 100644
--- a/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleMultipartFormParams/StyledWrapper.js
+++ b/packages/bruno-app/src/components/ResponseExample/ResponseExampleRequestPane/ResponseExampleMultipartFormParams/StyledWrapper.js
@@ -69,6 +69,19 @@ const Wrapper = styled.div`
     }
   }
 
+  .upload-btn,
+  .clear-file-btn {
+    flex-shrink: 0;
+  }
+
+  .value-cell {
+    width: 100%;
+
+    .flex-1 {
+      min-width: 0;
+    }
+  }
+
   .delete-button {
     opacity: 0;
     visibility: hidden;