diff --git a/src/pages/DeliveryOrderDetails.jsx b/src/pages/DeliveryOrderDetails.jsx
index 3059497..ccfa310 100644
--- a/src/pages/DeliveryOrderDetails.jsx
+++ b/src/pages/DeliveryOrderDetails.jsx
@@ -44,7 +44,7 @@ const DeliveryOrderDetails = () => {
       const deliveryOrderDetails = await getDeliveryOrderDetails(
         deliveryOrderId
       );
-      setTotalCost(deliveryOrderDetails.price);
+      setTotalCost(Math.round(deliveryOrderDetails.price)); // Округление стоимости до целого
       setTruckCount(deliveryOrderDetails.count_trucks);
       setTruckName(deliveryOrderDetails.truck_name);
 
@@ -118,9 +118,23 @@ const DeliveryOrderDetails = () => {
         </div>
       ) : (
         <div className="content-container">
-          <h2>Общая стоимость этапа: {totalCost} руб.</h2>
-          <h3>Тип машины: {truckName}</h3>
-          <h3>Количество машин: {truckCount}</h3>
+          <table className="table mb-5">
+            <thead>
+              <tr>
+                <th scope="col">Общая стоимость</th>
+                <th scope="col">Тип машины</th>
+                <th scope="col">Количество машин</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>{totalCost} руб.</td>
+                <td>{truckName}</td>
+                <td>{truckCount}</td>
+              </tr>
+            </tbody>
+          </table>
+
           <ol className="city-list">
             {deliveryAccessories.map((accessory, index) => {
               const coord = coordinates.find(