diff --git a/GWMS.UI/Components/ItemPlanDetail.razor b/GWMS.UI/Components/ItemPlanDetail.razor
index 0f442fb..94f4772 100644
--- a/GWMS.UI/Components/ItemPlanDetail.razor
+++ b/GWMS.UI/Components/ItemPlanDetail.razor
@@ -24,22 +24,22 @@
         {
             foreach (var item in _currList)
             {
-                <div class="col btn btn-outline-success">
+                <div class="col btn btn-outline-dark">
                     <div class="d-flex justify-content-between">
-                        <div class="p-2">
+                        <div class="px-2">
                             <i class="fas fa-gas-pump" aria-hidden="true"></i> @item.Plant.PlantDesc
                         </div>
-                        <div class="p-2">
-                            <b>@item.Note</b>
+                        <div class="px-2">
+                            <span class="badge badge-pill badge-primary"><b>@item.Note</b></span>
                         </div>
                     </div>
                     <div class="d-flex text-center">
-                        <div class="p-2">
+                        <div class="px-2">
                             <i class="fas fa-industry" aria-hidden="true"></i> @item.Supplier.SupplierDesc
                         </div>
                     </div>
                     <div class="d-flex text-center">
-                        <div class="p-2">
+                        <div class="px-2">
                             <i class="fas fa-truck-moving" aria-hidden="true"></i> @item.Transporter.TransporterDesc
                         </div>
                     </div>