diff --git a/docs/widgets/services/customapi.md b/docs/widgets/services/customapi.md
index 70947a101..37a48fd8c 100644
--- a/docs/widgets/services/customapi.md
+++ b/docs/widgets/services/customapi.md
@@ -189,6 +189,7 @@ widget:
     name: id # required, field in each item to use as the item name (left side)
     label: ip_address # required, field in each item to use as the item label (right side)
     limit: 5 # optional, limit the number of items to display
+    format: text # optional - format of the label field
     target: https://example.com/server/{id} # optional, makes items clickable with template support
 ```
 
diff --git a/src/widgets/customapi/component.jsx b/src/widgets/customapi/component.jsx
index 50a371ad1..f537e8daa 100644
--- a/src/widgets/customapi/component.jsx
+++ b/src/widgets/customapi/component.jsx
@@ -267,14 +267,14 @@ export default function Component({ service }) {
                   >
                     <div className="font-thin pl-2">{itemName}</div>
                     <div className="flex flex-row text-right">
-                      <div className="font-bold mr-2">{itemLabel}</div>
+                      <div className="font-bold mr-2">{formatValue(t, mappings, itemLabel)}</div>
                     </div>
                   </a>
                 ) : (
                   <div key={`${itemName}-${index}`} className={className}>
                     <div className="font-thin pl-2">{itemName}</div>
                     <div className="flex flex-row text-right">
-                      <div className="font-bold mr-2">{itemLabel}</div>
+                      <div className="font-bold mr-2">{formatValue(t, mappings, itemLabel)}</div>
                     </div>
                   </div>
                 );