diff --git a/app/Http/Resources/ContainerResource.php b/app/Http/Resources/ContainerResource.php
index bc6337cc..b9daa54f 100644
--- a/app/Http/Resources/ContainerResource.php
+++ b/app/Http/Resources/ContainerResource.php
@@ -21,6 +21,7 @@ class ContainerResource extends JsonResource
             'container_specification' => ContainerTypes::CONTAINER_SPECIFICATION[$this->container_type],
             'container_number' => $this->container_number,
             'seal_reference' => $this->seal_reference,
+            'loading_date' => $this->loading_date ? $this->loading_date->format('d-m-Y') : $this->loading_date,
             'transport' => new TransportResource($this->transports()->first()),
             'packing_lists' => PackingListResource::collection($this->whenLoaded('packingLists', function(){
                 return $this->packingLists()->whereHas('packages')->get();
diff --git a/resources/assets/vue/components/containers/elements/ContainerComponent.vue b/resources/assets/vue/components/containers/elements/ContainerComponent.vue
index 4b6ba607..ba965739 100644
--- a/resources/assets/vue/components/containers/elements/ContainerComponent.vue
+++ b/resources/assets/vue/components/containers/elements/ContainerComponent.vue
@@ -14,6 +14,10 @@
                             <h6 class="no-margin bold">{{item.container_reference}}</h6>
                             <p class="no-margin">{{item.container_number}} / {{item.seal_reference}}</p>
                         </div>
+                        <div class="col-2">
+                            <p class="no-margin fs-10 all-caps">Loading Date</p>
+                            <p class="no-margin">{{item.loading_date ? item.loading_date : 'n/a'}}</p>
+                        </div>
                         <div class="col-2">
                             <p class="no-margin fs-10 all-caps">ETD</p>
                             <p class="no-margin">{{item.transport ? item.transport.current_schedule.etd : 'n/a'}}</p>