diff --git a/chrome/content/zotero/elements/itemBox.js b/chrome/content/zotero/elements/itemBox.js
index 6f642652d9..f5e1d24393 100644
--- a/chrome/content/zotero/elements/itemBox.js
+++ b/chrome/content/zotero/elements/itemBox.js
@@ -225,6 +225,9 @@
 			Zotero.Prefs.registerObserver('fontSize', () => {
 				this.refresh();
 			});
+			
+			this.style.setProperty('--comma-character',
+				"'" + Zotero.getString('punctuation.comma') + "'");
 		}
 		
 		destroy() {
diff --git a/scss/elements/_itemBox.scss b/scss/elements/_itemBox.scss
index d4d02c7f1f..a0d305c849 100644
--- a/scss/elements/_itemBox.scss
+++ b/scss/elements/_itemBox.scss
@@ -193,9 +193,9 @@ item-box {
 		*[fieldMode="0"]:first-child {
 			position: relative;
 			&::after {
-				content: ",";
+				content: var(--comma-character, ',');
 				position: absolute;
-				right: 0;
+				inset-inline-end: 0;
 				bottom: var(--editable-text-padding-block);
 			}
 			&.focused::after {