diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
index 813976ba..24c14e4f 100644
--- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
@@ -1549,6 +1549,15 @@ small { color: var(--text-muted); }
   overflow-x: auto;
   scrollbar-width: thin;
 }
+/* Fade the trailing edge so a tab scrolled out of view reads as "there is more"
+ * rather than as a label cut mid-word.  A mask rather than a colour-matched
+ * cover gradient: the card is transparent, so a cover would have to track the
+ * page background across both themes and all nine styles.  Only the trailing
+ * edge is faded, so the first tab stays crisp when the strip is at rest. */
+.tab-bar-nav {
+  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent 100%);
+  mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent 100%);
+}
 .tab-bar-nav::-webkit-scrollbar { height: 3px; }
 .tab-bar-nav::-webkit-scrollbar-thumb {
   border-radius: 3px;