diff --git a/scss/elements/_editableText.scss b/scss/elements/_editableText.scss
index 6180b02c56..5f3f2cf0a8 100644
--- a/scss/elements/_editableText.scss
+++ b/scss/elements/_editableText.scss
@@ -50,9 +50,7 @@ editable-text {
 	&:not([nowrap])::after {
 		content: attr(value) ' ';
 		visibility: hidden;
-		margin-inline-start: 1px;
-		margin-top: 1px;
-		margin-bottom: 1px;
+		border: 1px solid transparent;
 		padding: var(--editable-text-padding-block) var(--editable-text-padding-inline);
 		font: inherit;
 		line-height: inherit;
diff --git a/scss/elements/_itemBox.scss b/scss/elements/_itemBox.scss
index a0d305c849..19f92ec069 100644
--- a/scss/elements/_itemBox.scss
+++ b/scss/elements/_itemBox.scss
@@ -34,8 +34,8 @@ item-box {
 			flex: 1; // stretch value field as much as possible
 			max-width: 100%; // stay within .meta-data when the itemBox is narrow
 			.input {
-				// keep input within editable-text when the itemBox is narrow
-				width: calc(100% - 2*var(--editable-text-padding-inline) - 1px)
+				// allow input to be shrunk by other elements when the itemBox is narrow
+				min-width: 0;
 			}
 			// keep multiline fields as tall as they have to be unless they're focused
 			&[multiline] textarea:not(:focus) {