diff --git a/Asset/css/finance.css b/Asset/css/finance.css
index 4bcecd5..335b4ba 100644
--- a/Asset/css/finance.css
+++ b/Asset/css/finance.css
@@ -13,9 +13,18 @@
 .fb-column-total {
     flex-basis: 100%;
     margin-top: 2px;
+    text-align: right;
+}
+
+/* The visible pill hugs the text (not the full width) and is right-justified on its line. */
+.fb-total-pill {
+    display: inline-block;
+    padding: 0 5px;
     font-weight: bold;
     font-size: 0.95em;
     color: #000;
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 3px;
 }
 
 /* Keep the signed amount together ("-R$450,00"); a break before it (after "Total:") is fine. */
diff --git a/Template/board/column_total.php b/Template/board/column_total.php
index f5692c0..aa0be64 100644
--- a/Template/board/column_total.php
+++ b/Template/board/column_total.php
@@ -21,5 +21,5 @@ if ($net > 0) {
 }
 ?>
 <div class="fb-column-total">
-    <?= t('Total') ?>: <span class="fb-amount <?= $amount_class ?>"><?= $sign ?>R$<?= \Kanboard\Plugin\FinanceBuddy\Helper\FinanceHelper::money(abs($net)) ?></span>
+    <span class="fb-total-pill"><?= t('Total') ?>: <span class="fb-amount <?= $amount_class ?>"><?= $sign ?>R$<?= \Kanboard\Plugin\FinanceBuddy\Helper\FinanceHelper::money(abs($net)) ?></span></span>
 </div>