diff --git a/packages/modules/fulfillment/src/lib/components/fulfillment-view-details.component.html b/packages/modules/fulfillment/src/lib/components/fulfillment-view-details.component.html
index 6686ff0..1571b65 100644
--- a/packages/modules/fulfillment/src/lib/components/fulfillment-view-details.component.html
+++ b/packages/modules/fulfillment/src/lib/components/fulfillment-view-details.component.html
@@ -35,6 +35,39 @@
   </vcl-data-list-item>
 </vcl-data-list>
 
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Customer Info</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Payments and Invoice</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Labels</span>
+  </vcl-data-list-header>
+
+  <div>No label available. You need to submit this fulfillment</div>
+</vcl-data-list>
+
 <vcl-data-list
   mode="none"
   [noBorder]="true"
@@ -93,3 +126,25 @@
     </vcl-data-list-item>
   </ng-container>
 </vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Total items size</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>
+
+<vcl-data-list
+  mode="none"
+  [noBorder]="true"
+>
+  <vcl-data-list-header>
+    <span class="my-2 rc-lv-l-heading">Total items weight</span>
+  </vcl-data-list-header>
+
+  <div>...</div>
+</vcl-data-list>