From 8470d7cd4d5dee6d5bc9d98d40f451143c0d50c4 Mon Sep 17 00:00:00 2001
From: Ahtesham Quraish <ahtesham-quraish@users.noreply.github.com>
Date: Fri, 10 Oct 2025 21:00:40 +0500
Subject: [PATCH] fix: Rename field should use full available width #2337
 (#2436)

---
 .../inplace-text-editor/InplaceTextEditor.scss        | 11 +++++++++++
 src/generic/inplace-text-editor/index.tsx             |  1 +
 2 files changed, 12 insertions(+)

diff --git a/src/generic/inplace-text-editor/InplaceTextEditor.scss b/src/generic/inplace-text-editor/InplaceTextEditor.scss
index c1041c889..c94168056 100644
--- a/src/generic/inplace-text-editor/InplaceTextEditor.scss
+++ b/src/generic/inplace-text-editor/InplaceTextEditor.scss
@@ -4,3 +4,14 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
+
+.inplace-text-editor-with-edit-input {
+  width: 100%;
+}
+
+.inplace-text-editor-with-edit-input:focus-within {
+  :has(&) {
+    width: 100%;
+  }
+}
+
diff --git a/src/generic/inplace-text-editor/index.tsx b/src/generic/inplace-text-editor/index.tsx
index d390ca71d..8378269a4 100644
--- a/src/generic/inplace-text-editor/index.tsx
+++ b/src/generic/inplace-text-editor/index.tsx
@@ -78,6 +78,7 @@ export const InplaceTextEditor: React.FC<InplaceTextEditorProps> = ({
     <Stack
       direction="horizontal"
       gap={1}
+      className="inplace-text-editor-with-edit-input"
     >
       {inputIsActive
         ? (