diff --git a/editor.html b/editor.html
index a5e657b3..d525d1c3 100644
--- a/editor.html
+++ b/editor.html
@@ -1301,6 +1301,7 @@ <h1>Telegram Limits Editor</h1>
 
                 const idContainer = document.createElement('span');
                 idContainer.classList.add('id-container');
+                idContainer.textContent = '<empty>>';
                 idContainer.addEventListener('click', () => {
                     const newId = prompt('New Section ID:', sectionId);
 
@@ -1319,7 +1320,7 @@ <h1>Telegram Limits Editor</h1>
                     }
 
                     sectionId = newId;
-                    idContainer.textContent = newId;
+                    idContainer.textContent = newId || '<empty>';
                 });
 
                 const newSectionName = document.createElement('input');
@@ -1337,7 +1338,7 @@ <h1>Telegram Limits Editor</h1>
                     } while (checkIfSectionIdExists(newSectionId));
 
                     sectionId = newSectionId;
-                    idContainer.textContent = sectionId;
+                    idContainer.textContent = sectionId || '<empty>';
                 });
 
                 const colorSuggestions = [
@@ -1749,6 +1750,28 @@ <h1>Telegram Limits Editor</h1>
 
                 const idContainer = document.createElement('span');
                 idContainer.classList.add('id-container');
+                idContainer.textContent = '<empty>';
+
+                idContainer.addEventListener('click', () => {
+                    const newId = prompt('New Item ID:', itemId);
+
+                    if (!newId) return;
+
+                    try {
+                        this.editor.validateSectionId(newId);
+                    } catch (error) {
+                        alert(error.message);
+                        return;
+                    }
+
+                    if (checkIfItemIdExists(newId)) {
+                        alert('Item with this ID already exists.');
+                        return;
+                    }
+
+                    itemId = newId;
+                    idContainer.textContent = itemId || '<empty>';
+                });
 
                 const newItemTitleContainer = document.createElement('div');
                 newItemTitleContainer.classList.add('title-field-container');
@@ -1769,7 +1792,7 @@ <h1>Telegram Limits Editor</h1>
                     } while (checkIfItemIdExists(newItemId));
 
                     itemId = newItemId;
-                    idContainer.textContent = itemId;
+                    idContainer.textContent = itemId || '<empty>';
                 });
 
                 newItemName.style.height = "5px";