diff --git a/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.scss b/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.scss
index 58407a9..19ca285 100644
--- a/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.scss
+++ b/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.scss
@@ -78,7 +78,10 @@
   display: flex;
   align-items: center;
   justify-content: center;
+
   .imgbox {
+    box-sizing: border-box;
+    padding: 0 12px;
     width: 100%;
     height: 100%;
     display: flex;
diff --git a/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.ts b/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.ts
index 55780e3..fdea37d 100644
--- a/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.ts
+++ b/src/app/pages/get-out-of-line-details/get-out-of-line-details.component.ts
@@ -137,7 +137,9 @@ export class GetOutOfLineDetailsComponent implements OnInit {
       this.ctx.fillText(
         name,
         startPoint[0],
-        startPoint[1] < 20 ? endPoint[1] + 16 : startPoint[1] - 5
+        startPoint[1] < 20 || item.id === 2 || item.id === 3
+          ? endPoint[1] + 18
+          : startPoint[1] - 5
       );
     });
   }