diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor b/WebDoorCreator.UI/Components/Order/OrderList.razor
index 0102405..a986661 100644
--- a/WebDoorCreator.UI/Components/Order/OrderList.razor
+++ b/WebDoorCreator.UI/Components/Order/OrderList.razor
@@ -144,7 +144,9 @@ else
                     <td class="text-end">@item.NumType</td>
                     @if (!isTplPage)
                     {
-                        <td class="text-end">@getOrderStatusLabel(item.OrderStatus)</td>
+                        <td class="text-end">
+                            <span class="badge" style="background: @getOrderStatusColor(item.OrderStatus)">@getOrderStatusLabel(item.OrderStatus)</span>
+                        </td>
                         <td class="text-end">
                             <b>@($"{item.TotCost:C2}")</b>
                             <div class="small">@($"{item.Discount:C2}")</div>
diff --git a/WebDoorCreator.UI/Components/Order/OrderList.razor.cs b/WebDoorCreator.UI/Components/Order/OrderList.razor.cs
index b7e7679..1226176 100644
--- a/WebDoorCreator.UI/Components/Order/OrderList.razor.cs
+++ b/WebDoorCreator.UI/Components/Order/OrderList.razor.cs
@@ -200,6 +200,21 @@ namespace WebDoorCreator.UI.Components.Order
 
             return answ;
         }
+        protected string getOrderStatusColor(int orderStat)
+        {
+            string answ = "";
+
+            if (ListValuesAll != null)
+            {
+                var currOrdStat = ListValuesAll.Where(x => int.Parse(x.Value) == orderStat).FirstOrDefault();
+                if (currOrdStat != null)
+                {
+                    answ = currOrdStat.DefaultVal;
+                }
+            }
+
+            return answ;
+        }
 
         protected override async Task OnAfterRenderAsync(bool firstRender)
         {