diff --git a/styles/less/global/inventory-item.less b/styles/less/global/inventory-item.less
index b6c09dbf..d703d189 100644
--- a/styles/less/global/inventory-item.less
+++ b/styles/less/global/inventory-item.less
@@ -335,6 +335,27 @@
             border-radius: 6px;
         }
 
+        .recall-cost {
+            position: absolute;
+            right: 4px;
+            top: 4px;
+            width: 1.75em;
+            height: 1.75em;
+
+            align-items: center;
+            background: @dark-blue;
+            border-radius: 50%;
+            border: 1px solid @golden;
+            color: @golden;
+            display: flex;
+            justify-content: center;
+            padding-top: 0.1em; // compensate for font
+
+            i {
+                font-size: 0.68em;
+            }
+        }
+
         .card-label {
             display: flex;
             flex-direction: column;
diff --git a/templates/sheets/global/partials/domain-card-item.hbs b/templates/sheets/global/partials/domain-card-item.hbs
index ae95b7af..54e44e64 100644
--- a/templates/sheets/global/partials/domain-card-item.hbs
+++ b/templates/sheets/global/partials/domain-card-item.hbs
@@ -1,5 +1,9 @@
 <li class="card-item" data-item-uuid="{{item.uuid}}" data-type="domainCard">
     <img src="{{item.img}}" data-action="useItem" class="card-img" />
+    <span class="item-icon recall-cost">
+        <span class="recall-value">{{item.system.recallCost}}</span>
+        <i class="fa-solid fa-bolt"></i>
+    </span>
     <div class="card-label">
         <div
             class="menu {{#if item.system.resource}}resource-menu{{/if}} {{#if (eq item.system.resource.type 'diceValue')}}dice-menu{{/if}}">