diff --git a/web/templates/index.html b/web/templates/index.html
index 67c58a2..ea1bdbf 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -1560,6 +1560,7 @@ function renderMultiSelectTab(components) {
         <table class="w-full">
             <thead class="bg-gray-50">
                 <tr>
+                    <th class="px-2 py-2 w-6" title="Качество цены"></th>
                     <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">LOT</th>
                     <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">Описание</th>
                     <th class="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase w-24">Estimate</th>
@@ -1578,6 +1579,7 @@ function renderMultiSelectTab(components) {
 
         html += `
             <tr class="hover:bg-gray-50">
+                <td class="px-2 py-2 text-center">${qualityDotHtml(comp?.price_quality)}</td>
                 <td class="px-3 py-2 min-w-48">
                     <div class="autocomplete-wrapper relative">
                         <input type="text"
@@ -1610,7 +1612,7 @@ function renderMultiSelectTab(components) {
     // Add empty row for new item
     html += `
         <tr class="hover:bg-gray-50 bg-gray-50">
-            <td class="px-3 py-2" colspan="2">
+            <td class="px-3 py-2" colspan="3">
                 <div class="autocomplete-wrapper relative">
                     <input type="text"
                            id="input-new-item"
@@ -1665,6 +1667,7 @@ function renderMultiSelectTabWithSections(sections) {
                 <table class="w-full">
                     <thead class="bg-gray-50">
                         <tr>
+                            <th class="px-2 py-2 w-6" title="Качество цены"></th>
                             <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">LOT</th>
                             <th class="px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase">Описание</th>
                             <th class="px-3 py-2 text-right text-xs font-medium text-gray-500 uppercase w-24">Estimate</th>
@@ -1687,6 +1690,7 @@ function renderMultiSelectTabWithSections(sections) {
 
             html += `
                 <tr class="hover:bg-gray-50">
+                    <td class="px-2 py-2 text-center">${qualityDotHtml(comp?.price_quality)}</td>
                     <td class="px-3 py-2 min-w-48">
                         <div class="autocomplete-wrapper relative">
                             <input type="text"
@@ -1720,7 +1724,7 @@ function renderMultiSelectTabWithSections(sections) {
         // Add empty row for new item in this section
         html += `
             <tr class="hover:bg-gray-50 bg-gray-50">
-                <td class="px-3 py-2" colspan="2">
+                <td class="px-3 py-2" colspan="3">
                     <div class="autocomplete-wrapper relative">
                         <input type="text"
                                id="input-section-${sectionId}"
diff --git a/web/templates/pricelist_detail.html b/web/templates/pricelist_detail.html
index 896bc39..7149b60 100644
--- a/web/templates/pricelist_detail.html
+++ b/web/templates/pricelist_detail.html
@@ -59,7 +59,7 @@
                     <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Категория</th>
                     <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase">Описание</th>
                     <th class="px-6 py-3 text-right text-xs font-medium text-gray-500 uppercase">Цена, $</th>
-                    <th class="px-6 py-3 text-center text-xs font-medium text-gray-500 uppercase">Качество</th>
+                    <th class="px-6 py-3 w-6" title="Качество цены"></th>
                 </tr>
             </thead>
             <tbody id="items-body" class="bg-white divide-y divide-gray-200">