From 8df4e4d9abf2ef9e487a48b209f33bedc03b55a3 Mon Sep 17 00:00:00 2001
From: Ashish Baravaliya <49753983+AshishBarvaliya@users.noreply.github.com>
Date: Thu, 29 Jun 2023 20:45:45 -0400
Subject: [PATCH] fix: File extension is hidden in file field when editing
 object in modal dialog in data browser (#2472)

---
 src/dashboard/Data/Browser/Browser.scss           | 14 ++++++++++++++
 src/dashboard/Data/Browser/EditRowDialog.react.js |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss
index b39eee98cb..ba6b92c463 100644
--- a/src/dashboard/Data/Browser/Browser.scss
+++ b/src/dashboard/Data/Browser/Browser.scss
@@ -251,3 +251,17 @@ body:global(.expanded) {
   width: calc(100% - 280px);
   float: left;
 }
+
+.editRowDialogFileCell {
+  max-width: 100%;
+  padding: 25px;
+  span {
+    display: flex;
+    span {
+      width: 90%;
+    }
+    & a {
+      position: relative;
+    }
+  }
+} 
\ No newline at end of file
diff --git a/src/dashboard/Data/Browser/EditRowDialog.react.js b/src/dashboard/Data/Browser/EditRowDialog.react.js
index 532279bdb1..345464b02e 100644
--- a/src/dashboard/Data/Browser/EditRowDialog.react.js
+++ b/src/dashboard/Data/Browser/EditRowDialog.react.js
@@ -354,7 +354,7 @@ export default class EditRowDialog extends React.Component {
           let file = selectedObject[name];
           let fileName = file && file.url() ? getFileName(file) : '';
           inputComponent = (
-            <div style={{ padding: '25px' }}>
+            <div className={[styles.editRowDialogFileCell]}>
               {file && <Pill value={fileName} fileDownloadLink={file.url()} />}
               <div style={{ cursor: 'pointer' }}>
                 <Pill