diff --git a/packages/core/graphql/src/lib/documents/fragments/fulfillment.gql b/packages/core/graphql/src/lib/documents/fragments/fulfillment.gql
index cce928a..234b2df 100644
--- a/packages/core/graphql/src/lib/documents/fragments/fulfillment.gql
+++ b/packages/core/graphql/src/lib/documents/fragments/fulfillment.gql
@@ -35,6 +35,7 @@ fragment FulfillmentFragment on IoRestorecommerceFulfillmentFulfillment {
             width
             length
           }
+          weightInKg
         }
       }
       package {
@@ -44,6 +45,7 @@ fragment FulfillmentFragment on IoRestorecommerceFulfillmentFulfillment {
           width
           length
         }
+        weightInKg
       }
     }
     sender {
diff --git a/packages/core/graphql/src/lib/generated/generated.ts b/packages/core/graphql/src/lib/generated/generated.ts
index fdb4ec4..c7e3257 100644
--- a/packages/core/graphql/src/lib/generated/generated.ts
+++ b/packages/core/graphql/src/lib/generated/generated.ts
@@ -6026,6 +6026,7 @@ export type FulfillmentFragmentFragment = {
         package?: {
           __typename?: 'IoRestorecommerceProductPackage';
           rotatable?: boolean | null;
+          weightInKg?: number | null;
           sizeInCm?: {
             __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
             height?: number | null;
@@ -6037,6 +6038,7 @@ export type FulfillmentFragmentFragment = {
       package?: {
         __typename?: 'IoRestorecommerceProductPackage';
         rotatable?: boolean | null;
+        weightInKg?: number | null;
         sizeInCm?: {
           __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
           height?: number | null;
@@ -7372,6 +7374,7 @@ export type FulfillmentFulfillmentMutateMutation = {
                     package?: {
                       __typename?: 'IoRestorecommerceProductPackage';
                       rotatable?: boolean | null;
+                      weightInKg?: number | null;
                       sizeInCm?: {
                         __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
                         height?: number | null;
@@ -7383,6 +7386,7 @@ export type FulfillmentFulfillmentMutateMutation = {
                   package?: {
                     __typename?: 'IoRestorecommerceProductPackage';
                     rotatable?: boolean | null;
+                    weightInKg?: number | null;
                     sizeInCm?: {
                       __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
                       height?: number | null;
@@ -7532,6 +7536,7 @@ export type FulfillmentFulfillmentReadQuery = {
                     package?: {
                       __typename?: 'IoRestorecommerceProductPackage';
                       rotatable?: boolean | null;
+                      weightInKg?: number | null;
                       sizeInCm?: {
                         __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
                         height?: number | null;
@@ -7543,6 +7548,7 @@ export type FulfillmentFulfillmentReadQuery = {
                   package?: {
                     __typename?: 'IoRestorecommerceProductPackage';
                     rotatable?: boolean | null;
+                    weightInKg?: number | null;
                     sizeInCm?: {
                       __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
                       height?: number | null;
@@ -7667,6 +7673,7 @@ export type FulfillmentFulfillmentSubmitMutation = {
                     package?: {
                       __typename?: 'IoRestorecommerceProductPackage';
                       rotatable?: boolean | null;
+                      weightInKg?: number | null;
                       sizeInCm?: {
                         __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
                         height?: number | null;
@@ -7678,6 +7685,7 @@ export type FulfillmentFulfillmentSubmitMutation = {
                   package?: {
                     __typename?: 'IoRestorecommerceProductPackage';
                     rotatable?: boolean | null;
+                    weightInKg?: number | null;
                     sizeInCm?: {
                       __typename?: 'IoRestorecommerceGeometryBoundingBox3D';
                       height?: number | null;
@@ -10829,6 +10837,7 @@ export const FulfillmentFragmentFragmentDoc = gql`
               width
               length
             }
+            weightInKg
           }
         }
         package {
@@ -10838,6 +10847,7 @@ export const FulfillmentFragmentFragmentDoc = gql`
             width
             length
           }
+          weightInKg
         }
       }
       sender {
diff --git a/packages/modules/ui/src/lib/components/organisms/data-list-order/data-list-order.component.html b/packages/modules/ui/src/lib/components/organisms/data-list-order/data-list-order.component.html
index 5e62757..3efd3e2 100644
--- a/packages/modules/ui/src/lib/components/organisms/data-list-order/data-list-order.component.html
+++ b/packages/modules/ui/src/lib/components/organisms/data-list-order/data-list-order.component.html
@@ -10,7 +10,12 @@
       priority="auto"
     />
 
-    <div>{{ numberOfItems }} {{ numberOfItems > 1 ? 'Items' : 'Item' }}</div>
+    <div>
+      <vcl-badge>
+        {{ numberOfItems }}
+        {{ numberOfItems > 1 ? 'Items' : 'Item' }}</vcl-badge
+      >
+    </div>
   </div>
   <div class="flex">
     <div class="row">
diff --git a/packages/modules/ui/src/lib/modules-ui.module.ts b/packages/modules/ui/src/lib/modules-ui.module.ts
index 2dada08..1345c5a 100644
--- a/packages/modules/ui/src/lib/modules-ui.module.ts
+++ b/packages/modules/ui/src/lib/modules-ui.module.ts
@@ -30,6 +30,7 @@ import {
   VCLPanelModule,
   VCLCheckboxModule,
   VCLButtonGroupModule,
+  VCLBadgeModule,
 } from '@vcl/ng-vcl';
 
 import {
@@ -149,6 +150,7 @@ const modules = [
   VCLCheckboxModule,
   VCLPanelModule,
   VCLButtonGroupModule,
+  VCLBadgeModule,
 ];
 
 const atoms = [