diff --git a/WebDoorCreator.UI/Pages/OrderDetails.razor b/WebDoorCreator.UI/Pages/OrderDetails.razor
index a0cd005..bbc400e 100644
--- a/WebDoorCreator.UI/Pages/OrderDetails.razor
+++ b/WebDoorCreator.UI/Pages/OrderDetails.razor
@@ -1,25 +1,29 @@
 @page "/OrderDetails"
 
-<div style="padding-left: 2.1rem !important; padding-right: 2.1rem !important;">
+<div style="padding-left: 1.5rem !important; padding-right: 1.5rem !important; ">
 
     @if (orderView != null)
     {
-        <div class="testataOrder px-4" style="--bgStepColor: @stepColor">
-            <div>
-                <div class="badge rounded-pilll bg-dark text-light">Insert Date</div>
-                <div>@orderView.DateIns</div>
+        <div class="testataOrder px-5 d-flex justify-content-between bg-dark text-light" style="--bgStepColor: @stepColor">
+            <div class="border border-light rounded px-3 d-flex justify-content-between small">
+                <div >Insert Date:</div>
+                <div>&nbsp;</div>
+                <div class=" fw-bold">@orderView.DateIns</div>
             </div>
-            <div>
-                <div class="badge rounded-pilll bg-dark text-light">Order External Code</div>
-                <div>@orderView.OrderExtCode</div>
+            <div class="border border-light rounded px-3 d-flex justify-content-between small">
+                <div>Order External Code:</div>
+                <div>&nbsp;</div>
+                <div class="fw-bold">@orderView.OrderExtCode</div>
             </div>
-            <div>
-                <div class="badge rounded-pilll bg-dark text-light">Models Number</div>
-                <div class="text-center">@orderView.NumType</div>
+            <div class="border border-light rounded px-3 d-flex justify-content-between small">
+                <div>Models Number</div>
+                <div>&nbsp;</div>
+                <div class="fw-bold">@orderView.NumType</div>
             </div>
-            <div>
-                <div class="badge rounded-pilll bg-dark text-light">Doors Number</div>
-                <div class="text-center">@orderView.NumDoors</div>
+            <div class="border border-light rounded px-3 d-flex justify-content-between small">
+                <div class="text-center">Doors Number</div>
+                <div>&nbsp;</div>
+                <div class="fw-bold">@orderView.NumDoors</div>
             </div>
 
             @*<div>
diff --git a/WebDoorCreator.UI/Pages/OrderDetails.razor.css b/WebDoorCreator.UI/Pages/OrderDetails.razor.css
index 17e1c11..18e1d7b 100644
--- a/WebDoorCreator.UI/Pages/OrderDetails.razor.css
+++ b/WebDoorCreator.UI/Pages/OrderDetails.razor.css
@@ -2,7 +2,7 @@
   border-radius: 60px /*60px 0 0*/;
   background-color: var(--bgStepColor);
   transform: translate(0, -65px);
-  padding: 1.5rem 3rem 5rem 3rem;
+  padding: 1rem 4rem 4.5rem 4rem;
 }
 .cardDoors {
   width: 100%;
@@ -20,7 +20,7 @@
   width: 93%;
   z-index: -99999;
   position: relative;
-  display: flex;
-  justify-content: space-around;
+  /*display: flex;
+    justify-content: space-around;*/
   font-size: 17px;
 }
\ No newline at end of file
diff --git a/WebDoorCreator.UI/Pages/OrderDetails.razor.less b/WebDoorCreator.UI/Pages/OrderDetails.razor.less
index 59516a9..5191347 100644
--- a/WebDoorCreator.UI/Pages/OrderDetails.razor.less
+++ b/WebDoorCreator.UI/Pages/OrderDetails.razor.less
@@ -2,7 +2,7 @@
     border-radius: 60px /*60px 0 0*/;
     background-color: var(--bgStepColor);
     transform: translate(0, -65px);
-    padding: 1.5rem 3rem 5rem 3rem;
+    padding: 1rem 4rem 4.5rem 4rem;
 }
 
 .cardDoors {
@@ -23,7 +23,7 @@
     width: 93%;
     z-index: -99999;
     position: relative;
-    display: flex;
-    justify-content: space-around;
+    /*display: flex;
+    justify-content: space-around;*/
     font-size: 17px;
 }
diff --git a/WebDoorCreator.UI/Pages/OrderDetails.razor.min.css b/WebDoorCreator.UI/Pages/OrderDetails.razor.min.css
index 05f90d6..7f16517 100644
--- a/WebDoorCreator.UI/Pages/OrderDetails.razor.min.css
+++ b/WebDoorCreator.UI/Pages/OrderDetails.razor.min.css
@@ -1 +1 @@
-.cardStatus{border-radius:60px;background-color:var(--bgStepColor);transform:translate(0,-65px);padding:1.5rem 3rem 5rem 3rem;}.cardDoors{width:100%;border-radius:60px 60px 0 0;transform:translate(0,-120px);background-color:#fff;padding:0;box-shadow:rgba(0,0,0,.45) 0 -24px 27px -20px;}.testataOrder{border:3px solid var(--bgStepColor);padding:1rem 1rem 4.5rem 1rem;border-radius:60px 60px 20px 20px;transform:translate(63px,0);width:93%;z-index:-99999;position:relative;display:flex;justify-content:space-around;font-size:17px;}
\ No newline at end of file
+.cardStatus{border-radius:60px;background-color:var(--bgStepColor);transform:translate(0,-65px);padding:1rem 4rem 4.5rem 4rem;}.cardDoors{width:100%;border-radius:60px 60px 0 0;transform:translate(0,-120px);background-color:#fff;padding:0;box-shadow:rgba(0,0,0,.45) 0 -24px 27px -20px;}.testataOrder{border:3px solid var(--bgStepColor);padding:1rem 1rem 4.5rem 1rem;border-radius:60px 60px 20px 20px;transform:translate(63px,0);width:93%;z-index:-99999;position:relative;font-size:17px;}
\ No newline at end of file