diff --git a/resources/assets/vue/components/containers/elements/ContainerComponent.vue b/resources/assets/vue/components/containers/elements/ContainerComponent.vue
index 07f43f1a..098a1c90 100644
--- a/resources/assets/vue/components/containers/elements/ContainerComponent.vue
+++ b/resources/assets/vue/components/containers/elements/ContainerComponent.vue
@@ -27,12 +27,16 @@
                             <p class="no-margin">{{item.transport ? item.transport.current_schedule.eta : 'n/a'}}</p>
                         </div>
                         <div class="col">
-                            <p class="no-margin fs-10 all-caps">Days Ago</p>
-                            <p class="no-margin">
-                                {{item.transport ? item.transport.current_schedule.billing_days_left.value : 'n/a'}}
-                                {{item.transport ? item.transport.current_schedule.billing_days_left.duration: ''}}
-                                {{item.transport ? 'days' : ''}}
-                            </p>
+                            <div class="row" v-if="item.transport">
+                                <div class="col">
+                                    <p class="no-margin fs-10 all-caps">Days Ago</p>
+                                    <p class="no-margin" :class="[{'text-success': item.transport.current_schedule.billing_days_left.value === '+'}, {'text-danger': item.transport.current_schedule.billing_days_left.value === '-'}]">
+                                        {{item.transport.current_schedule.billing_days_left.value}}
+                                        {{item.transport.current_schedule.billing_days_left.duration}}
+                                        days
+                                    </p>
+                                </div>
+                            </div>
                         </div>
                         <div class="col-auto">
                             <p class="no-margin fs-10 all-caps">Packages</p>