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
         ? (