diff --git a/public/js/utils/item-editor.js b/public/js/utils/item-editor.js
index ded144e..5c45fad 100644
--- a/public/js/utils/item-editor.js
+++ b/public/js/utils/item-editor.js
@@ -93,15 +93,15 @@ export function addItem(containerId, { item = null, type = 'invoice', laborRate
                     </select>
                 </div>
 
-                <div class="col-span-4">
+                <div class="col-span-3">
                     <label class="block text-xs font-medium text-gray-700 mb-1">Description</label>
                     <div data-item="${itemId}" data-field="description" class="${editorClass} border border-gray-300 rounded-md bg-white" style="min-height: 60px;"></div>
                 </div>
                 <div class="col-span-2">
-                    <label class="block text-xs font-medium text-gray-700 mb-1">Rate</label>
+                    <label class="block text-xs font-medium text-gray-700 mb-1" id="${prefix}-rate-label-${itemId}">${(item && item.qbo_item_id == '9') ? 'Unit Price' : 'Rate'}</label>
                     <input type="text" data-item="${itemId}" data-field="rate" value="${item ? item.rate : ''}" class="${cssClass} w-full px-2 py-2 border border-gray-300 rounded-md text-sm">
                 </div>
-                <div class="col-span-1 cost-field" style="${(item && item.qbo_item_id && item.qbo_item_id != '9') ? 'display:none' : ''}">
+                <div class="col-span-2 cost-field" style="${(item && item.qbo_item_id && item.qbo_item_id != '9') ? 'display:none' : ''}">
                     <label class="block text-xs font-medium text-gray-700 mb-1">Cost</label>
                     <input type="text" data-item="${itemId}" data-field="unit_cost" value="${item && item.qbo_item_id == '9' ? (item.unit_cost || '') : ''}" class="${cssClass} w-full px-2 py-2 border border-gray-300 rounded-md text-sm">
                 </div>
@@ -227,6 +227,11 @@ export function handleTypeChange(selectEl, prefix, itemId) {
         costField.style.display = (selectEl.value === '9') ? '' : 'none';
     }
 
+    const rateLabel = itemDiv.querySelector(`[id^="${prefix}-rate-label-"]`);
+    if (rateLabel) {
+        rateLabel.textContent = (selectEl.value === '9') ? 'Unit Price' : 'Rate';
+    }
+
     updateItemPreview(itemDiv);
     onUpdate();
 }